From f979ed5a82e2038b96ea7eb2063fcf08a6ba1bf8 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期五, 01 十二月 2023 16:42:34 +0800
Subject: [PATCH] #
---
pages/common/mat/matPick.vue | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++----
components/z-data-list/z-data-list.vue | 2 +-
2 files changed, 55 insertions(+), 5 deletions(-)
diff --git a/components/z-data-list/z-data-list.vue b/components/z-data-list/z-data-list.vue
index 1aeb745..b01db95 100644
--- a/components/z-data-list/z-data-list.vue
+++ b/components/z-data-list/z-data-list.vue
@@ -4,7 +4,7 @@
<view class="main-left" >
<view class="main-list" v-for="it in lable" style="width: 100%;">
<view class="left-key">{{it.label}}</view>
- <view>:</view>
+ <view>锛�</view>
<view class="left-val">
<text :class="it.valText">{{fields[it.attribute]}}</text>
</view>
diff --git a/pages/common/mat/matPick.vue b/pages/common/mat/matPick.vue
index 8183fd0..077ca63 100644
--- a/pages/common/mat/matPick.vue
+++ b/pages/common/mat/matPick.vue
@@ -1,6 +1,13 @@
<template>
<view>
-
+ <view class="box">
+ <view class="item" v-for="item in data" v-show="!item.hide">
+ <!-- key -->
+ <view class="item-key">{{item.title}}</view>
+ <!-- value -->
+ <view class="item-val">{{item.value}}</view>
+ </view>
+ </view>
</view>
</template>
@@ -8,7 +15,26 @@
export default {
data() {
return {
-
+ data: [
+ {
+ title: '鐗╂枡鍚嶇О鐗�',
+ field: 'maktx',
+ hied: false,
+ value: '123456'
+ },
+ {
+ title: '鐗╂枡缂栧彿',
+ field: 'maktx',
+ hied: false,
+ value: '娓╁害銆傜┖璋冪敤鏉ユ帶鍒舵暟鎹腑蹇冪殑娓╁害鍜屾箍搴︼紝鍒跺喎涓庣┖璋�'
+ },
+ {
+ title: '鐗╂枡鍚嶇О鐗╃墿鏂欏悕绉扮墿',
+ field: 'maktx',
+ hied: false,
+ value: '123456'
+ },
+ ]
}
},
methods: {
@@ -17,6 +43,30 @@
}
</script>
-<style>
-
+<style scoped>
+ .box {
+ min-height: 50rpx;
+ background-color: antiquewhite;
+ margin: 16rpx;
+ }
+ .item {
+ display: flex;
+ align-items: center;
+ margin: 8rpx;
+ }
+ .item-key{
+ background-color: #888;
+ min-width: 6em;
+ max-width: 6em;
+ align-self: center;
+ }
+ .item-val {
+ flex: 1;
+ border: 1px solid #999;
+ border-radius: 16rpx;
+ padding: 4rpx;
+ align-self: center;
+
+
+ }
</style>
--
Gitblit v1.9.1