| hive-app/App.vue | ●●●●● patch | view | raw | blame | history | |
| hive-app/pages/workbench/confirmOrder.vue | ●●●●● patch | view | raw | blame | history | |
| hive-app/pages/workbench/orderList.vue | ●●●●● patch | view | raw | blame | history | |
| hive-app/pages/workbench/selectService.vue | ●●●●● patch | view | raw | blame | history |
hive-app/App.vue
@@ -16,5 +16,5 @@ /*每个页面公共css */ @import url("./common/styles/index"); @import url("./static/iconfont/iconfont.css"); @import url("//at.alicdn.com/t/font_2263696_fuitblu662b.css"); @import url("//at.alicdn.com/t/font_2263696_a9xwl9mgtk.css"); </style> hive-app/pages/workbench/confirmOrder.vue
@@ -1,33 +1,40 @@ <template> <!-- 确认订单 --> <view class="container"> <view class="header flex align-center justify-between"> <view class="header flex align-center mt-10"> <image class="header-img" src="../../static/images/head-img.jpg"></image> <view class="ml-10"> <view class="font-16"> <text>李某</text> <text class="ml-20">15588881111</text> </view> <text class="font-14 gray mt-5">普通会员</text> </view> </view> <view class="content flex flex-v mt-10"> <view class="content-row flex justify-between align-center flex-1" v-for="item in 4"> <view class="flex align-center"> <image class="centent-img" mode="aspectFill" src="../../static/images/product.jpg"></image> <view class="flex flex-v font-12 ml-10"> <text>[项目] 肽妍氨基酸平衡基础洁面乳</text> <text class="gray">×1</text> </view> </view> <view> <text class="font-16">李某</text> <text class="font-16 ml-15">男</text> <text class="font-16 ml-15">18岁</text> </view> <text class="font-16">15588886885</text> </view> <view class="content mt-20"> <view class="content-row flex align-center justify-between"> <text class="font-14">(项目) 肽妍氨基酸平衡基础洁面乳×1</text> <text class="font-14">￥90,000</text> </view> <view class="content-row flex align-center justify-between"> <text class="font-14">(套餐) 肽妍氨基酸平衡基础洁面乳×1</text> <text class="font-14">￥90,000</text> </view> <view class="content-row flex align-center justify-between"> <text class="font-14">(项目) 肽妍氨基酸平衡基础洁面乳×1</text> <text class="font-14">￥90,000</text> </view> <view class="right mt-30"> <text class="font-16 mr-5">合计:</text> <text class="font-16 red">￥270,000</text> <text>￥400.00</text> </view> </view> <button class="blue-btn btn" @click="linkTo('./submitSucceed')">提交订单</button> <view class="content-row flex justify-between"> <text class="blue">共5件商品</text> <view class="flex align-center"> <text>合计:</text> <text class="red ml-10">￥90,000.00</text> </view> </view> </view> <navigator url="./submitSucceed"> <button class="sticky-footer blue-btn">确认提交</button> </navigator> </view> </template> @@ -37,11 +44,6 @@ return{} }, methods:{ linkTo(val){ uni.navigateTo({ url:val }) } } } </script> @@ -49,6 +51,16 @@ <style> .container{ padding: 10px; } .header-img{ width: 48px; height: 48px; border-radius: 50%; } .centent-img{ width: 36px; height: 36px; border-radius: 4px; } .header{ border: 1px solid #EDEAF4; @@ -66,10 +78,7 @@ border-bottom: 1px solid #EDEAF4; padding: 10px 5px; } .btn{ position: absolute; bottom: 10px; left: 10px; right: 10px; .content-row:nth-last-child(1){ border: 0; } </style> hive-app/pages/workbench/orderList.vue
@@ -98,6 +98,7 @@ border-radius: 4px; margin: 10px; color: #3a3f3f; border: 1px solid #EDEAF4; } .list-header{ display: flex; hive-app/pages/workbench/selectService.vue
@@ -30,7 +30,7 @@ <text>套餐</text> </view> <view class="flex flex-v content-box-row" v-for="item in 2"> <view class="font-12 flex align-center justify-between"> <view class="font-14 flex align-center justify-between"> <text>时尚补水套餐</text> <text class="red">即将过期</text> </view> @@ -42,9 +42,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> @@ -57,9 +58,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> @@ -79,7 +81,7 @@ </view> <text class="font-14 blue ml-10">¥110.00</text> </view> <navigator url="./confirmService" hover-class="none"> <navigator url="./confirmService"> <button class="blue-btn btn mr-0">提交订单</button> </navigator> </view> @@ -123,7 +125,7 @@ padding-bottom: 5px; } .content{ padding: 10px; padding: 10px 10px 65px; } .content-box{ background: #FFFFFF; @@ -152,6 +154,10 @@ .shopping{ background: #FFFFFF; padding: 10px 10px; position: fixed; bottom: 0; left: 0; right: 0; } .shopping-icon{ font-size: 28px; @@ -167,4 +173,10 @@ right: -10px; top: -10px; } .btn{ border-radius: 20px; line-height: 34px; padding: 0 24px; font-size: 14px; } </style>
