From 0e324729a41812dc6dfee2af3e545042d3d3425b Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期五, 06 十月 2023 11:14:12 +0800 Subject: [PATCH] # --- components/z-data-list/z-data-list.vue | 47 ++++++++++++++++++++++++++++++++++++----------- 1 files changed, 36 insertions(+), 11 deletions(-) diff --git a/components/z-data-list/z-data-list.vue b/components/z-data-list/z-data-list.vue index 7689e4a..4099787 100644 --- a/components/z-data-list/z-data-list.vue +++ b/components/z-data-list/z-data-list.vue @@ -3,14 +3,14 @@ <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>{{it.key}}</view> + <view style="margin-left: 8px;">{{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> + <view class="abdb"> > </view> </view> </view> </view> @@ -23,15 +23,38 @@ 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() { + console.log(this.list); + this.dataList = this.list.detl + }, + props: { + list: { + type: Object, + default() { + return {} + } + }, + keyName: { + type: Object, + default() { + return {} + } } } } @@ -43,18 +66,20 @@ .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; display: flex; flex-direction: column; + padding-top: 8rpx; + padding-bottom: 8rpx; } .main-right { - background-color: #cccccc; flex: 1; display: flex; align-items: center; -- Gitblit v1.9.1