From 8e15159256cd131705aff50b2973bdae52ce6b9b Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期五, 06 十月 2023 17:23:19 +0800
Subject: [PATCH] #
---
components/z-data-list/z-data-list.vue | 19 ++++++++++---------
1 files changed, 10 insertions(+), 9 deletions(-)
diff --git a/components/z-data-list/z-data-list.vue b/components/z-data-list/z-data-list.vue
index 4099787..4ec90a0 100644
--- a/components/z-data-list/z-data-list.vue
+++ b/components/z-data-list/z-data-list.vue
@@ -2,15 +2,16 @@
<view >
<view class="main">
<view class="main-left" >
- <view class="main-list" v-for="it in dataList" >
- <view>{{it.key}}</view>
- <view style="margin-left: 8px;">{{it.value}}</view>
+ <view class="main-list" v-for="it in dataList" style="width: 100%;">
+ <view style="flex: 1;padding-left: 8rpx;">{{it.key}}</view>
+ <view>:</view>
+ <view style="flex: 3;padding-left: 8rpx;">{{it.value}}</view>
</view>
</view>
<view class="main-right" @click="goDetail">
<view class="list-options">
<view class="list-number">1</view>
- <view class="abdb"> > </view>
+ <uni-icons class="opt-icon" type="right" size="20" color="#707070"></uni-icons>
</view>
</view>
</view>
@@ -40,7 +41,6 @@
}
},
created() {
- console.log(this.list);
this.dataList = this.list.detl
},
props: {
@@ -73,7 +73,7 @@
border-radius: 16rpx;
}
.main-left {
- flex: 4;
+ flex: 7;
display: flex;
flex-direction: column;
padding-top: 8rpx;
@@ -83,10 +83,11 @@
flex: 1;
display: flex;
align-items: center;
- /* flex-direction: column; */
+ justify-content: center;
}
.main-list {
display: flex;
+ align-items: center;
}
.list-options {
display: flex;
@@ -97,7 +98,7 @@
right: 10px;
top: 5px;
}
- .abdb {
- flex: 0;
+ .opt-icon {
+ display: flex;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1