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