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 | 58 ++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 42 insertions(+), 16 deletions(-)
diff --git a/components/z-data-list/z-data-list.vue b/components/z-data-list/z-data-list.vue
index 7689e4a..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>key</view>
- <view style="margin-left: 8px;">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">
+ <view class="main-right" @click="goDetail">
<view class="list-options">
<view class="list-number">1</view>
- <view class="abdb" @click="goDetail()"> > </view>
+ <uni-icons class="opt-icon" type="right" size="20" color="#707070"></uni-icons>
</view>
</view>
</view>
@@ -23,15 +24,37 @@
data() {
return {
dataList: [
- {},
- {},
- {},
- {},
- ]
+ {key: '鍟嗗搧缂栫爜',value: 'fbr3242'},
+ {key: '鎵瑰彿',value: '20231006'},
+ {key: '鏁伴噺',value: '200'},
+ {key: '鍟嗗搧缂栫爜',value: 'fbr3242'},
+ {key: '鎵瑰彿',value: '20231006'},
+ {key: '鏁伴噺',value: '200'}
+ ],
+ detailList: [],
+ dataKey: {}
};
},
methods: {
goDetail() {
+ this.$emit('goDetail');
+ }
+ },
+ created() {
+ this.dataList = this.list.detl
+ },
+ props: {
+ list: {
+ type: Object,
+ default() {
+ return {}
+ }
+ },
+ keyName: {
+ type: Object,
+ default() {
+ return {}
+ }
}
}
}
@@ -43,25 +66,28 @@
.main {
position: relative;
min-height: 70rpx;
- background-color: #fdadfc;
+ background-color: #ebe7e6;
display: flex;
align-items: stretch;
margin: 8px 8px 8px 8px;
+ border-radius: 16rpx;
}
.main-left {
- flex: 4;
+ flex: 7;
display: flex;
flex-direction: column;
+ padding-top: 8rpx;
+ padding-bottom: 8rpx;
}
.main-right {
- background-color: #cccccc;
flex: 1;
display: flex;
align-items: center;
- /* flex-direction: column; */
+ justify-content: center;
}
.main-list {
display: flex;
+ align-items: center;
}
.list-options {
display: flex;
@@ -72,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