From 972b300a12c7d671ac28490693d3affaa1c04f47 Mon Sep 17 00:00:00 2001 From: whycq <whycq> Date: 星期五, 01 四月 2022 17:09:23 +0800 Subject: [PATCH] # --- pages/basics/demo.vue | 26 +++++++++++++------------- 1 files changed, 13 insertions(+), 13 deletions(-) diff --git a/pages/basics/demo.vue b/pages/basics/demo.vue index 81c4b06..b108a74 100644 --- a/pages/basics/demo.vue +++ b/pages/basics/demo.vue @@ -1,16 +1,16 @@ <template> <view> <scroll-view> - <view class="demo-tab"> + <view> <checkbox-group @change="checkbox"> <label v-for="(item,index) in data" :key="index" class="demo-list bg-false" :class="'bg-'+item.checked" > <view class="demo-list-left"> - <checkbox :value="item.id+''" :checked="item.checked" /> + <checkbox :value="item.id+''" :checked="item.checked" style="display: block;" /> </view> <view class="demo-list-right"> - <view><text style="width: 90rpx;">璁㈠崟 | </text>{{item.orderNo}}<text>搴忓彿锛歿{index+1}} </text></view> - <view><text >鍟嗗搧缂栫爜锛�</text>{{item.matnr}}</view> - <view ><text>搴斿叆鏁伴噺锛�</text><view class="text-num">{{item.anfme}}</view><text>鍟嗗搧鍚嶇О锛�</text>{{item.maktx}}</view> + <view><text style="font-weight: bold;">搴忓彿锛歿{index+1}}</text><text>璁㈠崟 | </text>{{item.orderNo}}</view> + <view><text style="font-size: 15rpx;">鍟嗗搧缂栫爜锛�</text>{{item.matnr}}</view> + <view><text style="font-size: 15rpx;">搴斿叆鏁伴噺锛�</text><view class="text-num">{{item.anfme}}</view><text>鍟嗗搧鍚嶇О锛�</text>{{item.maktx}}</view> <view><text>宸插叆鏁伴噺锛�</text><view class="text-num">{{item.inQty}}</view><text>璁㈠崟鐘舵�侊細</text>{{item.state$}}</view> </view> </label> @@ -153,12 +153,10 @@ .bg-true { background-color: #ebebeb; } - .demo-tab { - } + .demo-list { - border-bottom: 1px solid #d8d8d8; - height: 160rpx; + height: 150rpx; } .demo-list:last-child { margin-bottom: 99rpx; @@ -167,21 +165,23 @@ display: block; } .demo-list-left { + /* background-color: #007AFF; */ display: inline-block; - width: 100rpx; + float: left; text-align: center; + width: 100rpx; height: 150rpx; line-height: 150rpx; } .demo-list-right { + /* background-color: #55ffff; */ display: inline-block; - width: 650rpx; - float: right; + float: left; + height: 150rpx; } .demo-list-right text { display: inline-block; - width: 150rpx; } .text-num { display: inline-block; -- Gitblit v1.9.1