商城

mallApp/src/components/app-delivery.vue

@@ -64,54 +64,22 @@
           <div class="tui-placeholder" v-else>请选择送达时间</div>
         </picker>
       </tui-list-cell>
-      <!-- 具体时间 -->
-      <div 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>
-      </div>
+      
+      <tui-list-cell class="line-cell" :hover="false" :arrow="false">
+        <div class="tui-title">送达时段</div>
+        <div 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>
+        </div>
+      </tui-list-cell>
+
       <tui-list-cell class="line-cell" :hover="false">
         <div class="tui-title">订花人电话</div>
-        <!-- #ifdef MP-WEIXIN -->
-        <input
-          v-model="form.bookMobile"
-          placeholder-class="phcolor"
-          placeholder-style="color:#ccc"
-          style="width:330upx;"
-          class="tui-input"
-          name="bookMobile"
-          placeholder="如有问题方便联系您"
-          type="number"
-        />
-        <!-- <button class="button-com mini-btn" open-type="getPhoneNumber" @getphonenumber="getWxMobile" style="padding:12upx 25upx;font-size:22upx;" >帮我填</button> -->
-        <!-- #endif -->
-        <!-- #ifndef MP-WEIXIN -->
-        <input
-          v-model="form.bookMobile"
-          placeholder-class="phcolor"
-          placeholder-style="color:#ccc"
-          class="tui-input"
-          name="bookMobile"
-          placeholder="送到了通知您（选填）"
-          type="number"
-        />
-        <!-- #endif -->
+        <input v-model="form.bookMobile" placeholder-class="phcolor" placeholder-style="color:#ccc" class="tui-input" name="bookMobile" placeholder="有问题方便与您联系" type="number" />
       </tui-list-cell>
     </div>
 
-    <!-- 贺卡 -->
     <div class="module-com gift-wrap input-line-wrap">
       <tui-list-cell class="line-cell" :hover="false">
         <div class="tui-title">选择贺卡</div>
@@ -127,15 +95,7 @@
 
       <tui-list-cell class="line-cell" :hover="false" v-show="showCardInfo">
         <div class="tui-title">贺卡内容</div>
-        <input
-          v-model="form.cardInfo"
-          placeholder-class="phcolor"
-          placeholder-style="color:#ccc"
-          class="tui-input"
-          name="cardInfo"
-          style="width:100%;"
-          placeholder="请填写内容，留空寄出空白贺卡"
-        />
+        <input v-model="form.cardInfo" placeholder-class="phcolor" placeholder-style="color:#ccc" class="tui-input" name="cardInfo" style="width:100%;" placeholder="请填写内容，留空寄出空白贺卡" />
 
       </tui-list-cell>
 
@@ -344,9 +304,6 @@ export default {
   // 今天时间选择
   .delivery-time {
     @include disFlex(center, center);
-    background-color: #fff;
-    padding: 20upx 0;
-    // border-top: 1upx solid $borderColor;
     .button-com {
       padding-top: 14upx;
       padding-bottom: 10upx;