商品详情样式调整

ybf_wx/src/views/goods/goodGrounding.vue

@@ -22,77 +22,81 @@
             </van-radio-group>
             <div class="fr" v-if="type == 1">
               <span class="fr" style="margin-top:18px;">元</span>
-                <van-field
-                  class="price"
-                  readonly
-                  clickable
-                  :value="price"
-                  placeholder="请输入金额"
-                  @touchstart.native.stop="show2 = true"
-                />
-                <van-number-keyboard
-                  v-model="price"
-                  :show="show2"
-                  @blur="show2 = false"
-                />
+              <van-field
+                class="price"
+                readonly
+                clickable
+                :value="price"
+                placeholder="请输入金额"
+                @touchstart.native.stop="show2 = true"
+              />
+              <van-number-keyboard
+                v-model="price"
+                :show="show2"
+                @blur="show2 = false"
+              />
             </div>
             <div class="fr" v-if="type == 2">
               <span class="fr" style="margin-top:18px;">%</span>
-                <van-field
-                  class="price"
-                  readonly
-                  clickable
-                  :value="percent"
-                  placeholder="请输入百分比"
-                  @touchstart.native.stop="show3 = true"
-                />
-                <van-number-keyboard
-                  v-model="percent"
-                  :show="show3"
-                  @blur="show3 = false"
-                />
+              <van-field
+                class="price"
+                readonly
+                clickable
+                :value="percent"
+                placeholder="请输入百分比"
+                @touchstart.native.stop="show3 = true"
+              />
+              <van-number-keyboard
+                v-model="percent"
+                :show="show3"
+                @blur="show3 = false"
+              />
             </div>
           </div>
         </div>
       </van-cell>
       <van-cell title="活动开始时间" style="font-size:14px;">
         <template slot="default">
-          <van-field
-            v-model="startTime1"
-            placeholder="选择活动开始时间"
-            readonly="readonly"
-            @click="startShow = true"
-            class="nop"
-          />
-          <van-popup v-model="startShow" position="bottom" :overlay="true">
-            <van-datetime-picker
-              v-model="startTime"
-              type="datetime"
-              @cancel="startShow = false"
-              @confirm="handleStartTime"
-              @change="startTimeChange"
+          <div class="jpsl">
+            <van-field
+              v-model="startTime1"
+              placeholder="选择活动开始时间"
+              readonly="readonly"
+              @click="startShow = true"
+              class="nop"
             />
-          </van-popup>
+            <van-popup v-model="startShow" position="bottom" :overlay="true">
+              <van-datetime-picker
+                v-model="startTime"
+                type="datetime"
+                @cancel="startShow = false"
+                @confirm="handleStartTime"
+                @change="startTimeChange"
+              />
+            </van-popup>
+          </div>
         </template>
       </van-cell>
       <van-cell title="活动结束时间" style="font-size:14px;">
         <template slot="default">
-          <van-field
-            v-model="endTime1"
-            placeholder="选择活动结束时间"
-            readonly="readonly"
-            @click="endShow = true"
-            class="nop"
-          />
-          <van-popup v-model="endShow" position="bottom" :overlay="true">
-            <van-datetime-picker
-              v-model="endTime"
-              type="datetime"
-              @cancel="endShow = false"
-              @confirm="handleEndTime"
-              @change="endTimeChange"
+          <div class="jpsl">
+            <van-field
+              v-model="endTime1"
+              placeholder="选择活动结束时间"
+              readonly="readonly"
+              @click="endShow = true"
+              class="nop"
             />
-          </van-popup>
+            <van-popup v-model="endShow" position="bottom" :overlay="true">
+              <van-datetime-picker
+                v-model="endTime"
+                type="datetime"
+                @cancel="endShow = false"
+                @confirm="handleEndTime"
+                @change="endTimeChange"
+              />
+            </van-popup>
+          </div>
         </template>
       </van-cell>
       <van-cell title="上架数量" style="font-size:14px;" class="nob">
@@ -128,7 +132,7 @@ export default {
       startShow: false,
       endShow: false,
       number: "",
-      type: '1',
+      type: "1",
       show: false,
       show2: false,
       show3: false,
@@ -141,8 +145,14 @@ export default {
       let year = 1900 + time.getYear();
       let month = "0" + (time.getMonth() + 1);
       let date = "0" + time.getDate();
-      return year + "-" + month.substring(month.length-2, month.length)  + "-" + date.substring(date.length-2, date.length)
-       + " "
+      return (
+        year +
+        "-" +
+        month.substring(month.length - 2, month.length) +
+        "-" +
+        date.substring(date.length - 2, date.length) +
+        " "
+      );
     },
     startTimeChange(e) {
       let startTimeArr = e.getValues();
@@ -153,19 +163,21 @@ export default {
       this.endTime1 = `${endTimeArr[0]}-${endTimeArr[1]}-${endTimeArr[2]}`;
     },
     handleStartTime(value) {
-      this.startTime1 = this.timeFormat(value)
-      this.startShow = false
+      this.startTime1 = this.timeFormat(value);
+      this.startShow = false;
     },
     handleEndTime(value) {
-      this.endTime1 = this.timeFormat(value)
-      this.endShow = false
-    },
+      this.endTime1 = this.timeFormat(value);
+      this.endShow = false;
+    }
   }
 };
 </script>
 
 <style scoped>
-
+.jpsl >>> .van-cell:not(:last-child)::after {
+  display: none;
+}
 .price {
   width: 88px;
   height: 36px;
@@ -261,14 +273,14 @@ h3 {
   text-align: center;
 }
 .creat {
-  width:96%;
-  height:40px;
-  background:rgba(117,178,253,1);
-  border-radius:10px;
+  width: 96%;
+  height: 40px;
+  background: rgba(117, 178, 253, 1);
+  border-radius: 10px;
   text-align: center;
   line-height: 40px;
-  font-size:16px;
-  font-weight:bold;
+  font-size: 16px;
+  font-weight: bold;
   color: #fff;
   margin-left: 2%;
   position: absolute;