修改免费续期页面的样式

hdApp/src/admin/recharge/renew.vue

@@ -2,16 +2,16 @@
   <div class="app-content">
     <div class="recharge_box">
       <view class="renew">
-        续费{{initData.renew}}/年<text class="toBuy">去购买</text>
+        续费<text style="padding-left: 10upx;">{{initData.renew}}</text>/年<text class="toBuy">去购买</text>
       </view>
       <view class="voucher">
-        充值<text style="color: #FF3C00;">&nbsp;{{initData.recharge}}元&nbsp;</text>，免费使用一年
+        充值<text style="color: #FF3C00;padding-left: 10upx;">{{initData.recharge}}元</text>，免费使用一年
       </view>
       <view
         class="immediately"
         @click="onceRecharge"
       >立即充值</view>
-      <view class="use">本次充值仅限在<text style="color: #666;">&nbsp;{{initData.shopName}}&nbsp;</text>门店使用</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="user_avator">
         <image src="https://img.huaml.com/recharge/has_recharge.png"></image>
@@ -71,7 +71,7 @@ export default {
   position: relative;
   .recharge_box {
     position: absolute;
-    bottom: 8%;
+    bottom: 4%;
     left: 50%;
     transform: translateX(-50%);
     box-shadow: 0px 3px 13px 0px rgba(221, 0, 0, 0.36);