修改支付页按钮

src/pages/pay/index.vue

@@ -28,7 +28,7 @@
       <div class="btn" v-if="orderStatus === -1" @click="goMyOrder">待支付</div>
       <div class="btn" @click="goPay" v-if="orderStatus === 0">续费</div>
     </div>
-    <a href="https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg"><img @click="goPayIos" src="../../assets/images/pay/bottom-btn-ios.png" alt="" class="b-b-i" v-if="isSystem"></a>
+    <a href="https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg" v-if="isSystem"><div class="b-b-i"><img @click="goPayIos" src="../../assets/images/pay/bottom-btn-ios.png" alt=""></div></a>
     <!-- <img src="../../assets/images/pay1.png" alt />
     <img src="../../assets/images/pay2.png" alt />
     <div class="img-con">
@@ -356,8 +356,16 @@ export default {
 }
 .b-b-i{
   position: fixed;
-  bottom: 0;
+  bottom: -0.01rem;
   left: 0;
   width: 100%;
+  padding: .2rem 0;
+  background: #fff;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  img{
+    width: 6.4rem;
+    margin: 0 auto;
+    display: block;
+  }
 }
 </style>

src/pages/pay/payPage.vue

@@ -28,7 +28,7 @@
       <div class="btn" v-if="orderStatus === -1" @click="goMyOrder">待支付</div>
       <div class="btn" @click="goPay" v-if="orderStatus === 0">续费</div>
     </div>
-    <a href="https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg"><img @click="goPayIos" src="../../assets/images/pay/bottom-btn-ios.png" alt="" class="b-b-i" v-if="isSystem"></a>
+    <a href="https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg" v-if="isSystem"><div class="b-b-i"><img @click="goPayIos" src="../../assets/images/pay/bottom-btn-ios.png" alt=""></div></a>
     <!-- <img @click="goPayIos" src="../../assets/images/pay/bottom-btn-ios.png" alt="" class="b-b-i" v-if="isSystem"> -->
     <!-- <img src="../../assets/images/pay1.png" alt />
     <img src="../../assets/images/pay2.png" alt />
@@ -355,8 +355,16 @@ export default {
 }
 .b-b-i{
   position: fixed;
-  bottom: 0;
+  bottom: -0.01rem;
   left: 0;
   width: 100%;
+  padding: .2rem 0;
+  background: #fff;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  img{
+    width: 6.4rem;
+    margin: 0 auto;
+    display: block;
+  }
 }
 </style>