到店自取优化

hdApp/src/components/app-delivery.vue

@@ -5,14 +5,15 @@
 
       <tui-list-cell class="line-cell" :hover="false">
         <view class="tui-title">配送方式</view>
-        <button @tap="form.sendType = 3" class="admin-button-com mini-btn" :class="form.sendType == 3 ? 'blue' : 'default'">跑腿送</button>
-        <button @tap="form.sendType = 2" class="admin-button-com mini-btn" style="margin-left:30upx;" :class="form.sendType == 2 ? 'blue' : 'default'">自己送</button>
-        <button @tap="form.sendType = 1" class="admin-button-com mini-btn" style="margin-left:30upx;" :class="form.sendType == 1 ? 'blue' : 'default'">到店自取</button>
+        <button @tap="form.sendType = 3" class="admin-button-com middle" :class="form.sendType == 3 ? 'blue' : 'default'">骑手送</button>
+        <button @tap="form.sendType = 2" class="admin-button-com middle" style="margin-left:15upx;" :class="form.sendType == 2 ? 'blue' : 'default'">自己送</button>
+        <button @tap="form.sendType = 1" class="admin-button-com middle" style="margin-left:15upx;" :class="form.sendType == 1 ? 'blue' : 'default'">到店自取</button>
       </tui-list-cell>
 
-      <template v-if="form.sendType != 1">
+      <template>
           <tui-list-cell class="line-cell" :hover="false" :arrow="true">
-            <view class="tui-title">配送日期</view>
+            <view class="tui-title" v-if="form.sendType == 1">取花日期</view>
+            <view class="tui-title" v-else>配送日期</view>
             <picker mode="date" :value="form.reachDate" @change="selTimeFn" class="tui-input">
               <view v-if="form.reachDate">{{ form.reachDate }}</view>
               <view v-else>今天</view>
@@ -20,7 +21,8 @@
           </tui-list-cell>
 
           <tui-list-cell class="line-cell" :hover="false" :arrow="false">
-            <view class="tui-title">配送时间</view>
+            <view class="tui-title" v-if="form.sendType == 1">取花时间</view>
+            <view class="tui-title" v-else>配送时间</view>
             <picker mode="multiSelector" :value="form.reachPeriod" :range="timeOptions" @change="bindTimeChange">
               <view class="uni-input" style="width:450upx;">{{form.reachPeriod}}<text style="margin-left:10upx;">前</text></view>
             </picker>