From 69a6c47157aa56b223ae61766a55466338cdffb0 Mon Sep 17 00:00:00 2001
From: whycq <whycq>
Date: 星期四, 07 四月 2022 17:03:42 +0800
Subject: [PATCH] #
---
pages/basics/matQuery.vue | 64 +++++++++++++++++++++++---------
1 files changed, 46 insertions(+), 18 deletions(-)
diff --git a/pages/basics/matQuery.vue b/pages/basics/matQuery.vue
index 28d2a09..f8d34f1 100644
--- a/pages/basics/matQuery.vue
+++ b/pages/basics/matQuery.vue
@@ -3,36 +3,59 @@
<view>
<view class="container">
<view class="text-box">
- <view><text>鍟嗗搧缂栫爜</text></view>
- <view><text>1111</text></view>
+ <view class="text-title"><text>鍟嗗搧缂栫爜</text></view>
+ <view class="text-title"><text>1111</text></view>
</view>
<view class="text-box">
- <view><text>鍟嗗搧鍚嶇О</text></view>
- <view>鏄剧ず鍣�</view>
+ <view class="text-title"><text>鍟嗗搧鍚嶇О</text></view>
+ <view class="text-title">鏄剧ず鍣�</view>
</view>
<view class="text-box">
- <view><text>瑙勬牸</text></view>
- <view>24鑻卞</view>
+ <view class="text-title"><text>瑙勬牸</text></view>
+ <view class="text-title">24鑻卞</view>
</view>
<view class="text-box">
- <view><text>鎵瑰彿</text></view>
- <view>YC-897998776</view>
+ <view class="text-title"><text>鎵瑰彿</text></view>
+ <view class="text-title">YC-897998776</view>
</view>
<view class="text-box">
- <view><text>鏁伴噺</text></view>
- <view>269</view>
- </view>
- <view class="foot flex justify-center">
- <label for="">
- <button class="cu-btn bg-blue">鎻愬彇</button>
- </label>
+ <view class="text-title"><text>鏁伴噺</text></view>
+ <view class="text-title">
+ <view>
+ <uni-number-box color="#747474" @change="changeValue" />
+ </view>
+ </view>
</view>
</view>
+ </view>
+ <view class="foot flex justify-center">
+ <label for="">
+ <button class="cu-btn bg-blue">鎻愬彇</button>
+ </label>
</view>
</scroll-view>
</template>
<script>
+ export default {
+ data() {
+ return {
+ vModelValue:''
+ }
+ },
+ methods: {
+ blur() {
+
+ },
+ focus() {
+
+ },
+ changeValue() {
+
+ },
+
+ }
+ }
</script>
<style>
@@ -53,14 +76,19 @@
border-bottom: 1rpx solid #e8e8e8;
}
.text-box:last-child {
- border-bottom: 1px solid #000000;
+ border-bottom: none;
}
- .text-box view {
+ .text-box:last-child .text-title:last-child {
+ display: flex;
+ height: 100%;
+ align-items: center;
+ }
+ .text-box .text-title {
width: 30%;
float: left;
display: inline-block;
}
- .text-box view:last-child {
+ .text-box .text-title:last-child {
display: inline-block;
margin-left: 10%;
width: 60%;
--
Gitblit v1.9.1