个人中心切图

pages/home/zantaishijianDetail.vue

@@ -0,0 +1,97 @@
+<template>
+    <Cn-page :loading='loading'>
+        <view slot='body'>
+            <view class='detail'>
+                <uni-forms :label-width="100" v-if="page.length">
+                    <uni-forms-item :label="item.label" v-for="(item, index) in page" :key="index">
+                        <view class="detail-text">{{ item.value }}</view>
+                    </uni-forms-item>
+                </uni-forms>
+            </view>
+        </view>
+    </Cn-page>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            loading: false,
+            page: []
+        }
+    },
+    onLoad (options) {
+        this.page = [{
+            label: '事件分段数',
+            value: 1
+        },
+        {
+            label: '波形起始点相位(°)',
+            value: 'A相 3.23   B相 3.23   C相 3.23'
+        },
+        {
+            label: '跳变段电压变化率(V/ms)',
+            value: 'A相 3.23   B相 3.23   C相 3.23'
+        },
+        {
+            label: '相位跳变(°)',
+            value: 'A相 3.23   B相 3.23   C相 3.23'
+        },
+        {
+            label: '特征幅值(V)',
+            value: 'A相 3.23   B相 3.23   C相 3.23'
+        },
+        {
+            label: '持续时间(ms)',
+            value: '2521'
+        },
+        {
+            label: '不平衡度(%)',
+            value: '22'
+        },
+        {
+            label: '暂降类型',
+            value: '其他'
+        },
+        {
+            label: '暂降原因',
+            value: '其他'
+        }]
+    },
+    methods: {
+
+    }
+}
+</script>
+<style lang='scss'>
+.detail {
+    margin: 34rpx;
+    padding: 34rpx;
+    background: #fff;
+    border-radius: 12rpx;
+    overflow: hidden;
+
+    /deep/ .uni-easyinput__content-textarea {
+        min-height: unset;
+        color: #666;
+    }
+
+    .detail-text {
+        color: #666;
+        padding-top: 16rpx;
+    }
+    /deep/ .uni-forms-item:last-of-type{
+        margin-bottom: 0;
+    }
+    /deep/ .uni-forms-item{
+        margin-bottom: 30rpx;
+    }
+
+    /deep/ .uni-steps__column-text {
+        padding: 10px 0;
+    }
+
+    /deep/ .uni-steps__column-desc {
+        margin-top: 5px;
+    }
+}
+</style>