页面结构改变

pages/device/DVR/record.vue

@@ -0,0 +1,59 @@
+<template>
+    <Cn-page :loading='loading'>
+        <view slot='body'>
+            <view class='device-list'>
+                <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="记录" note="0.20->0.20" 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',
+            content: [{
+                iconPath: '/static/add.png',
+                text: '添加 ',
+            },
+            ]
+        }
+    },
+    methods: {
+        onClickItem (e) {
+            this.current = e.currentIndex
+        },
+        trigger (e) {
+            if (e.index === 0) {
+                uni.navigateTo({
+                    url: '/pages/device/new'
+                })
+            }
+        }
+    }
+}
+</script>
+<style lang='scss'>
+.device-list {
+    .header {
+        position: sticky;
+        top: 0;
+        left: 0;
+        z-index: 10;
+        background: #fff;
+        padding: 10rpx 20rpx 20rpx;
+        box-shadow: 0 0 10rpx #ccc;
+    }
+}
+</style>