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 ++++++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 54 insertions(+), 4 deletions(-)
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