时间样式修改

ybf_wx/src/views/active/createActive.vue

@@ -115,22 +115,24 @@
       </van-cell>
       <van-cell title="活动结束时间" style="font-size:14px;">
         <template slot="default">
-          <van-field
-            class="right"
-            v-model="endTime1"
-            placeholder="选择活动结束时间"
-            readonly="readonly"
-            @click="endShow = true"
-          />
-          <van-popup v-model="endShow" position="bottom" :overlay="true">
-            <van-datetime-picker
-              v-model="endTime"
-              type="datetime"
-              @cancel="endShow = false"
-              @confirm="endShow = false"
-              @change="endTimeChange"
+          <div class="npbr">
+            <van-field
+              class="right"
+              v-model="endTime1"
+              placeholder="选择活动结束时间"
+              readonly="readonly"
+              @click="endShow = true"
             />
-          </van-popup>
+            <van-popup v-model="endShow" position="bottom" :overlay="true">
+              <van-datetime-picker
+                v-model="endTime"
+                type="datetime"
+                @cancel="endShow = false"
+                @confirm="endShow = false"
+                @change="endTimeChange"
+              />
+            </van-popup>
+          </div>
         </template>
       </van-cell>
       <div class="des">描述</div>
@@ -193,7 +195,7 @@ export default {
   align-items: center;
 }
 .phone {
-    margin-right: 10px;
+  margin-right: 10px;
 }
 .all >>> input {
   text-align: right;
@@ -230,7 +232,7 @@ export default {
   padding: 12px;
 }
 .des {
-  padding: 6px 16px;
+  padding: 5px 18px 0px;
   font-size: 14px;
   color: #2d476a;
 }

ybf_wx/src/views/active/createBigWheelActive.vue

@@ -40,26 +40,28 @@
       </van-cell>
       <van-cell title="活动结束时间" style="font-size:14px;">
         <template slot="default">
-          <van-field
-            class="right"
-            v-model="basicInfo.endTime1"
-            placeholder="选择活动结束时间"
-            readonly="readonly"
-            @click="basicInfo.endShow = true"
-          />
-          <van-popup
-            v-model="basicInfo.endShow"
-            position="bottom"
-            :overlay="true"
-          >
-            <van-datetime-picker
-              v-model="basicInfo.endTime"
-              type="date"
-              @cancel="basicInfo.endShow = false"
-              @confirm="basicInfo.endShow = false"
-              @change="endTimeChange"
+          <div class="jpsl">
+            <van-field
+              class="right"
+              v-model="basicInfo.endTime1"
+              placeholder="选择活动结束时间"
+              readonly="readonly"
+              @click="basicInfo.endShow = true"
             />
-          </van-popup>
+            <van-popup
+              v-model="basicInfo.endShow"
+              position="bottom"
+              :overlay="true"
+            >
+              <van-datetime-picker
+                v-model="basicInfo.endTime"
+                type="date"
+                @cancel="basicInfo.endShow = false"
+                @confirm="basicInfo.endShow = false"
+                @change="endTimeChange"
+              />
+            </van-popup>
+          </div>
         </template>
       </van-cell>
       <van-cell title="领券条件" style="font-size:14px;">
@@ -206,7 +208,9 @@
           <div class="top">
             <span style="color:#2d476a;">优惠券类型</span>
             <van-radio-group v-model="prizeList[index].type" class="right">
-              <van-radio name="1" style="float:left;margin-right:10px;">代金券</van-radio>
+              <van-radio name="1" style="float:left;margin-right:10px;"
+                >代金券</van-radio
+              >
               <van-radio name="2" style="float:right;">折扣券</van-radio>
             </van-radio-group>
           </div>
@@ -251,6 +255,7 @@
 
       <van-cell title="开始时间" style="font-size:14px;">
         <template slot="default">
+          <div class="jpsl">
           <van-field
             class="right"
             v-model="prizeList[index].startTime1"
@@ -271,10 +276,12 @@
               @change="startTimeChange2(prizeList[index].startTime, index)"
             />
           </van-popup>
+          </div>
         </template>
       </van-cell>
       <van-cell title="结束时间" style="font-size:14px;">
         <template slot="default">
+          <div class="jpsl">
           <van-field
             class="right"
             v-model="prizeList[index].endTime1"
@@ -295,6 +302,7 @@
               @change="endTimeChange2(prizeList[index].endTime, index)"
             />
           </van-popup>
+          </div>
         </template>
       </van-cell>
       <van-cell title="奖品数量" style="font-size:14px;">
@@ -704,6 +712,6 @@ export default {
 .top {
   display: flex;
   justify-content: space-between;
-  align-items: center; 
+  align-items: center;
 }
 </style>