💪 optimize: 优化代码

homepage2_0.css

@@ -990,7 +990,7 @@ img.changegray {
   align-items: center;
   justify-content: center;
   color: #333;
-  margin: 0.2rem 0;
+  margin-bottom: 0.1rem;
 }
 
 #reduce .countdown p {
@@ -1004,6 +1004,7 @@ img.changegray {
 
 #reduce .countdown span {
   color: #ff7634;
+  margin: 0;
 }
 
 #reduce .coupon-left {

packkey/reduce.html

@@ -53,18 +53,19 @@
         <span @click="copyFn">复制</span>
       </div>
     </div>
-
+    <div class="countdown" v-if="this.outTime.length>0">
+      <span>倒计时：</span>
+      <p>{{this.outTime[0]}}</p>时
+      <p>{{this.outTime[1]}}59</p>分
+      <p>{{this.outTime[2]}}</p>秒
+    </div>
+    
     <div class="couponShow">
       <span>
         <img @click="backgoodsFn" v-if="backAble" class="backIcon"
           src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png" alt="">
       </span>
-      <div class="countdown" v-if="this.outTime.length>0">
-        <span>倒计时：</span>
-        <p>{{this.outTime[0]}}</p>时
-        <p>{{this.outTime[1]}}59</p>分
-        <p>{{this.outTime[2]}}</p>秒
-      </div>
+
       <div class="coupon-left">
         <p class="coupon_money" :style="{fontSize:this.fonts()}">
           <span>￥</span>{{parseFloat(reduceInfo.reduce_amount)}}

reduce.html

@@ -54,19 +54,18 @@
       </div>
     </div>
 
+    <div class="countdown" v-if="this.outTime.length>0">
+      <span>倒计时：</span>
+      <p>{{this.outTime[0]}}</p>时
+      <p>{{this.outTime[1]}}59</p>分
+      <p>{{this.outTime[2]}}</p>秒
+    </div>
+
     <div class="couponShow">
       <span>
         <img @click="backgoodsFn" v-if="backAble" class="backIcon"
           src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png" alt="">
       </span>
-
-      <div class="countdown" v-if="this.outTime.length>0">
-        <span>倒计时：</span>
-        <p>{{this.outTime[0]}}</p>时
-        <p>{{this.outTime[1]}}59</p>分
-        <p>{{this.outTime[2]}}</p>秒
-      </div>
-
       <div class="coupon-left">
         <p class="coupon_money" :style="{fontSize:this.fonts()}">
           <span>￥</span>{{parseFloat(reduceInfo.reduce_amount)}}
@@ -196,7 +195,7 @@
           }
         }, 1000);
       } else {
-        this.outTime = [];
+        this.outTime = ['00', '00', '00'];
       }
     },
     filters: {