修改免费续期的样式

hdApp/src/admin/recharge/renew.vue

@@ -2,7 +2,10 @@
   <div class="app-content">
     <div class="recharge_box">
       <view class="renew">
-        续费<text style="padding-left: 10upx;">{{initData.renew}}</text>/年<text class="toBuy">去购买</text>
+        续费<text style="padding-left: 10upx;">{{initData.renew}}</text>/年<text
+          class="toBuy"
+          @click="goBuy"
+        >去购买</text>
       </view>
       <view class="voucher">
         充值<text style="color: #FF3C00;padding-left: 10upx;">{{initData.recharge}}元</text>，免费使用一年
@@ -11,8 +14,8 @@
         class="immediately"
         @click="onceRecharge"
       >立即充值</view>
-      <view class="use">本次充值仅限在<text style="color: #666;padding: 0 10upx;">{{initData.shopName}}</text>门店使用</view>
-      <view class="use use_margin"><text style="color: #666;">{{initData.userNum}}</text> 已充值</view>
+      <view class="use">本次充值仅限在<text style="color: #666;padding: 0 10upx;font-weight: 700;">{{initData.shopName}}</text>门店使用</view>
+      <view class="use use_margin"><text style="color: #666;">{{initData.userNum}}</text> 人已充值</view>
       <view class="user_avator">
         <image src="https://img.huaml.com/recharge/has_recharge.png"></image>
       </view>
@@ -57,6 +60,12 @@ export default {
     getError () {
       this.$msg("支付失败!");
     },
+    // 去购买
+    goBuy () {
+      uni.navigateTo({
+        url: '/pagesClient/official/index'
+      })
+    }
   }
 }
 </script>
@@ -67,7 +76,9 @@ export default {
   width: 100vw;
   height: 100vh;
   background: url(https://img.huaml.com/recharge/free_renew.png);
-  background-size: 100% 100%;
+  background-size: cover;
+  background-position: center;
+  background-attachment: fixed;
   position: relative;
   .recharge_box {
     position: absolute;
@@ -86,6 +97,7 @@ export default {
       font-size: 28upx;
       color: #333;
       & > .toBuy {
+        padding-left: 10upx;
         color: #3385ff;
         position: relative;
         &::after {