From 75252c6ad38784d0d753344dba37057e852df189 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期日, 08 十月 2023 00:06:25 +0800
Subject: [PATCH] #
---
components/z-data-list/z-data-list.vue | 26 +++++++++++++-------------
1 files changed, 13 insertions(+), 13 deletions(-)
diff --git a/components/z-data-list/z-data-list.vue b/components/z-data-list/z-data-list.vue
index 7bdaa44..ac6bc1f 100644
--- a/components/z-data-list/z-data-list.vue
+++ b/components/z-data-list/z-data-list.vue
@@ -2,7 +2,7 @@
<view >
<view class="main">
<view class="main-left" >
- <view class="main-list" v-for="it in dataList" style="width: 100%;">
+ <view class="main-list" v-for="it in list" style="width: 100%;">
<view class="left-key">{{it.key}}</view>
<view>:</view>
<view class="left-val">
@@ -51,11 +51,11 @@
}
},
created() {
- this.dataList = this.list.detl
+ // this.dataList = this.list.detl
},
props: {
list: {
- type: Object,
+ type: Array,
default() {
return {}
}
@@ -79,24 +79,24 @@
<style scoped>
.main {
position: relative;
- min-height: 70rpx;
+ min-height: 35px;
background-color: #f5f5f5;
display: flex;
align-items: stretch;
margin: 8px 8px 8px 8px;
- border-radius: 16rpx;
+ border-radius: 8px;
}
.main-left {
flex: 7;
display: flex;
flex-direction: column;
- padding-top: 8rpx;
- padding-bottom: 8rpx;
+ padding-top: 4px;
+ padding-bottom: 4px;
color: #606164;
font-size: 14px;
}
.main-right {
- flex: 1;
+ width: 30px;
display: flex;
align-items: center;
justify-content: center;
@@ -109,7 +109,7 @@
.main-list {
display: flex;
align-items: center;
- margin: 8rpx 0;
+ margin: 2px 0;
}
.list-options {
display: flex;
@@ -124,20 +124,20 @@
display: flex;
}
.left-key {
- width: 130rpx;
- padding-right: 8rpx;
+ width: 65px;
+ padding-right: 4px;
text-align: end;
font-weight: 700;
}
.left-val {
flex: 1;
- padding-left: 8rpx;
+ padding-left: 4px;
color: #606266;
}
.val-text {
background-color: #00aeec;
padding: 2px 4px;
- border-radius: 8rpx;
+ border-radius: 4px;
color: #FFF;
}
.val-num {
--
Gitblit v1.9.1