gx

queenwuli

2020-12-22 67da3f709ff61fea27b472a4266503bfa4eefeb5

 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>
@@ -17,8 +17,9 @@
                  <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>
                        <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,7 +40,6 @@
                  <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">
@@ -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>
@@ -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;