From 58a5424d962e00a134662297d973bdf45b58a24e Mon Sep 17 00:00:00 2001 From: queenwuli <942534046@qq.com> Date: Tue, 22 Dec 2020 15:10:26 +0800 Subject: [PATCH] gx --- hive-app/pages/workbench/selectService.vue | 42 ++++++++++++++---------------------------- 1 files changed, 14 insertions(+), 28 deletions(-) diff --git a/hive-app/pages/workbench/selectService.vue b/hive-app/pages/workbench/selectService.vue index 1f426f7..3d432d7 100644 --- a/hive-app/pages/workbench/selectService.vue +++ b/hive-app/pages/workbench/selectService.vue @@ -6,7 +6,7 @@ <view class="content"> <view class="content-box"> <view class="content-box-title"> - <text>项目</text> + <text class="font-bold">项目</text> </view> <view class="flex align-center content-box-row" v-for="item in 2"> <image class="product-img" mode="aspectFill" src="../../static/images/product.jpg"></image> @@ -16,9 +16,10 @@ <text class="font-10 gray mt-5">有效期至: 2021-01-02</text> <view class="mt-5 flex align-center justify-between"> <text class="font-12 blue">剩余次数: 2次</text> - <view> - <text class="iconfont iconjian blue-outline-btn-circle mr-20"></text> - <text class="iconfont iconjia blue-btn-circle"></text> + <view class="flex align-center justify-end mt-10"> + <text class="iconfont iconjian blue-outline-btn-circle mr-10"></text> + <text>1</text> + <text class="iconfont iconjia blue-btn-circle ml-10"></text> </view> </view> </view> @@ -27,11 +28,11 @@ <view class="content-box mt-10"> <view class="content-box-title"> - <text>套餐</text> + <text class="font-bold">套餐</text> </view> <view class="flex flex-v content-box-row" v-for="item in 2"> <view class="font-14 flex align-center justify-between"> - <text>时尚补水套餐</text> + <text class="font-15">时尚补水套餐</text> <text class="red">即将过期</text> </view> <view class="flex align-center mt-5"> @@ -39,8 +40,7 @@ <view class="flex flex-v ml-10 flex-1"> <text class="font-12">面部护理</text> <text class="font-10 gray mt-5">时长: 30分钟</text> - <text class="font-10 gray mt-5">有效期至: 2021-01-02</text> - <view class="mt-5 flex align-center justify-between"> + <view class="flex align-center justify-between"> <text class="font-12 blue">剩余次数: 2次</text> <view class="flex align-center justify-end mt-10"> <text class="iconfont iconjian blue-outline-btn-circle mr-10"></text> @@ -50,24 +50,9 @@ </view> </view> </view> - <view class="flex align-center mt-10"> - <image class="product-img" mode="aspectFill" src="../../static/images/product.jpg"></image> - <view class="flex flex-v ml-10 flex-1"> - <text class="font-12">面部护理</text> - <text class="font-10 gray mt-5">时长: 30分钟</text> - <text class="font-10 gray mt-5">有效期至: 2021-01-02</text> - <view class="mt-5 flex align-center justify-between"> - <text class="font-12 blue">剩余次数: 2次</text> - <view class="flex align-center justify-end mt-10"> - <text class="iconfont iconjian blue-outline-btn-circle mr-10"></text> - <text>1</text> - <text class="iconfont iconjia blue-btn-circle ml-10"></text> - </view> - </view> - </view> - </view> - <view class="font-12 mt-5"> + <view class="flex justify-between font-12 mt-10"> <text>有效期至: 2021-01-03</text> + <text>剩余总次数:9</text> </view> </view> </view> @@ -81,7 +66,7 @@ </view> <text class="font-14 blue ml-10">¥110.00</text> </view> - <navigator url="../confirmOrder"> + <navigator url="./confirmService"> <button class="blue-btn btn mr-0">提交订单</button> </navigator> </view> @@ -129,13 +114,13 @@ } .content-box{ background: #FFFFFF; - padding: 10px; + padding: 0 10px 10px; border: 1px solid #EDEAF4; border-radius: 4px; box-shadow:0 6px 6px rgba(237,234,244,0.5); } .content-box-title{ - padding: 10px 5px; + padding: 12px 5px; border-bottom: 1px solid #EDEAF4; } .content-box-row{ @@ -158,6 +143,7 @@ bottom: 0; left: 0; right: 0; + box-shadow: 0 6px 100px rgba(237,234,244,1); } .shopping-icon{ font-size: 28px; -- Gitblit v1.9.1