页面结构改变

2023-02-10 09:16:17 +08:00
parent 627c0a2853
commit 8cf78ec3f5
27 changed files with 171 additions and 159 deletions
--- a/pages/device/APF/report.vue
+++ b/pages/device/APF/report.vue
@@ -0,0 +1,51 @@
+<template>
+    <Cn-page :loading='loading'>
+        <view slot='body'>
+            <view class='record'>
+                <div class="header">
+                    <uni-segmented-control :current="current" :values="items" :style-type="styleType"
+                        :active-color="activeColor" @clickItem="onClickItem" />
+                </div>
+                <uni-list :border="false">
+                    <uni-list-item title="输入电压异常" rightText="2023-02-01 15:10:29" v-for="item in 5" />
+                </uni-list>
+                <uni-load-more status="nomore"></uni-load-more>
+            </view>
+        </view>
+    </Cn-page>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            loading: false,
+            current: 0,
+            items: ['当前告警', '历史告警'],
+            styleType: 'text',
+            activeColor: '#007aff',
+        }
+    },
+    methods: {
+        onClickItem (e) {
+            this.current = e.currentIndex
+        },
+    }
+}
+</script>
+<style lang='scss'>
+.record {
+    .header {
+        position: sticky;
+        top: 0;
+        left: 0;
+        z-index: 10;
+        background: $uni-theme-white;
+        padding: 10rpx 20rpx 20rpx;
+        box-shadow: 0 0 10rpx #eee;
+    }
+}
+
+/deep/ .uni-list-item {
+    background-color: $uni-theme-white !important;
+}
+</style>