时间

hdApp/src/components/app-delivery.vue

@@ -59,16 +59,19 @@
         </picker>
       </tui-list-cell>
 
-      <view class="delivery-time">
-        <button class="button-com" :class="[form.reachPeriod == 0 ? 'red' : 'default']" @click="timeTodaySelFn(0)" >上午</button>
-        <button class="button-com" :class="[form.reachPeriod == 1 ? 'red' : 'default']" @click="timeTodaySelFn(1)" >下午</button>
-        <button class="button-com" :class="[form.reachPeriod == 2 ? 'red' : 'default']" @click="timeTodaySelFn(2)" >晚上</button>
-      </view>
+      <tui-list-cell class="line-cell" :hover="false" :arrow="false">
+        <view class="tui-title">配送时段</view>
+        <view class="delivery-time">
+          <button class="button-com" :class="[form.reachPeriod == 0 ? 'red' : 'default']" @click="timeTodaySelFn(0)" >上午</button>
+          <button class="button-com" :class="[form.reachPeriod == 1 ? 'red' : 'default']" @click="timeTodaySelFn(1)" >下午</button>
+          <button class="button-com" :class="[form.reachPeriod == 2 ? 'red' : 'default']" @click="timeTodaySelFn(2)" >晚上</button>
+        </view>
+      </tui-list-cell>
 
       <tui-list-cell class="line-cell" :hover="false">
         <view class="tui-title">贺卡</view>
         <button @tap="form.needCard = 1" class="admin-button-com mini-btn" :class="form.needCard == 1 ? 'blue' : 'default'">需要</button>
-        <button @tap="form.needCard = 0" class="admin-button-com mini-btn" style="margin-left:20upx;" :class="form.needCard == 0 ? 'blue' : 'default'">不需要</button>
+        <button @tap="form.needCard = 0" class="admin-button-com mini-btn" style="margin-left:30upx;" :class="form.needCard == 0 ? 'blue' : 'default'">不需要</button>
       </tui-list-cell>
 
       <tui-list-cell class="line-cell" v-if="form.needCard == 1" :hover="false">
@@ -257,15 +260,12 @@ export default {
       color: #ccc;
     }
   }
-  // 今天时间选择
   .delivery-time {
     @include disFlex(center, center);
-    background-color: #fff;
-    padding: 20upx 0;
     .button-com {
       padding-top: 14upx;
       padding-bottom: 10upx;
-      margin: 0 10upx;
+      margin-right:10upx;
     }
   }
   // 贺卡