From 42dd537a52e9886fdcb1f3ee4ee14f19ee46933c Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期六, 07 十月 2023 21:49:27 +0800
Subject: [PATCH] #
---
components/z-input/z-input.vue | 2 +-
pages/component/demo.vue | 11 ++++++-----
components/z-data-list/z-data-list.vue | 36 ++++++++++++++++++++++++++----------
3 files changed, 33 insertions(+), 16 deletions(-)
diff --git a/components/z-data-list/z-data-list.vue b/components/z-data-list/z-data-list.vue
index c4bb67a..7bdaa44 100644
--- a/components/z-data-list/z-data-list.vue
+++ b/components/z-data-list/z-data-list.vue
@@ -6,14 +6,20 @@
<view class="left-key">{{it.key}}</view>
<view>:</view>
<view class="left-val">
- <text class="val-text" style="">{{it.value}}</text>
+ <text :class="it.valText">{{it.value}}</text>
</view>
</view>
</view>
- <uni-badge class="main-right uni-badge-left-margin" :text="index" absolute="rightTop" size="small" type="primary">
- <view @click="goDetail">
+ <uni-badge
+ class="main-right uni-badge-left-margin"
+ :text="index"
+ absolute="rightTop"
+ size="small"
+ type="primary"
+ >
+ <view style="height: 100%;display: flex;align-items: center;" @click="goDetail">
<view class="list-options">
- <uni-icons class="opt-icon" type="right" size="20" color="#707070"></uni-icons>
+ <uni-icons class="opt-icon" type="right" size="20" color="#b9b9b9"></uni-icons>
</view>
</view>
</uni-badge>
@@ -35,7 +41,8 @@
{key: '鏁伴噺',value: '200'}
],
detailList: [],
- dataKey: {}
+ dataKey: {},
+ valText: 'val-text'
};
},
methods: {
@@ -73,7 +80,7 @@
.main {
position: relative;
min-height: 70rpx;
- background-color: #ebe7e6;
+ background-color: #f5f5f5;
display: flex;
align-items: stretch;
margin: 8px 8px 8px 8px;
@@ -85,7 +92,7 @@
flex-direction: column;
padding-top: 8rpx;
padding-bottom: 8rpx;
- color: #444;
+ color: #606164;
font-size: 14px;
}
.main-right {
@@ -94,6 +101,10 @@
align-items: center;
justify-content: center;
border-left: 1px solid #ffffff;
+ }
+ .main-right:active {
+ background-color: #e3e5e7;
+ color: #FFF;
}
.main-list {
display: flex;
@@ -121,12 +132,17 @@
.left-val {
flex: 1;
padding-left: 8rpx;
- color: #666;
+ color: #606266;
}
.val-text {
- background-color: blue;
+ background-color: #00aeec;
padding: 2px 4px;
border-radius: 8rpx;
- color: white;
+ color: #FFF;
+ }
+ .val-num {
+ font-weight: 900;
+ color: #d19a66;
+ font-size: 16px;
}
</style>
\ No newline at end of file
diff --git a/components/z-input/z-input.vue b/components/z-input/z-input.vue
index d87d95a..c5dc7b8 100644
--- a/components/z-input/z-input.vue
+++ b/components/z-input/z-input.vue
@@ -133,7 +133,7 @@
justify-content: center;
}
.m-btn {
- background-color: #3c9cff;
+ background-color: #00aeec;
color: #FFF;
}
.m-btn:active {
diff --git a/pages/component/demo.vue b/pages/component/demo.vue
index 650200f..8bfbb8b 100644
--- a/pages/component/demo.vue
+++ b/pages/component/demo.vue
@@ -49,11 +49,12 @@
zDataList: [
{
detl: [
- {key: '鍟嗗搧鐮�',value: 'ccc'},
- {key: '鍟嗗搧鍚嶇О',value: 'ccc'},
- {key: '瑙勬牸',value: 'ccc'},
- {key: '鎵瑰彿',value: '16',type: 'input'},
- {key: '鏁伴噺',value: 0,type: 'number-box'},
+ {key: '鍟嗗搧鐮�',value: 'LSH90152025',valText: 'val-text'},
+ {key: '鍟嗗搧鍚嶇О',value: '灏奸緳澶达紙鐏扮櫧锛�5.2x25'},
+ {key: '瑙勬牸',value: '700*699*80'},
+ {key: '鎵瑰彿',value: '20231007204944',type: 'input'},
+ {key: '鏁伴噺',value: 951326478,type: 'number-box',valText: 'val-num'},
+
]
}
],
--
Gitblit v1.9.1