样式修复

src/assets/less/phone.less

@@ -1,9 +1,10 @@
 .phone-wrap {
   flex-direction: column;
+  align-items: center;
   .input-content {
     flex-direction: column;
     width: 600px;
-    margin: 200px auto 0;
+    margin-top:200px;
   }
   .input-item {
     background-color: #f7f7f7;

src/assets/less/recharge.less

@@ -1,12 +1,14 @@
 .recharge-record__wrap {
   flex-direction: column;
-
+  .flex-box{
+    justify-content: center;
+  }
   .user-account__wrap {
     width: 690px;
     height: 180px;
     background: linear-gradient(45deg, #fff2e2, #fff6e2);
     border-radius: 12px;
-    margin: 20px auto 40px;
+    margin: 20px 0 40px;
     align-items: center;
     padding: 0 30px 0 40px;
     justify-content: space-between;

src/views/My/index.ux

@@ -2,7 +2,7 @@
   <div class="user-wrap">
     <div class="user-info__wrap">
       <image src="{{user.head_img}}"></image>
-      <div class="uesr-info__message"><text>ID：{{user.id}}</text><text class="vip-card" if={{user.is_vip}}>免费阅读卡还剩{{user.vip_days}}天</text></div>
+      <div class="uesr-info__message"><text>ID：{{user.id}}</text><text class="vip-card" if={{user.is_vip}}>免费阅读卡还剩{{user.vip_days}}</text></div>
     </div>
     <div class="operator-item__wrap">
       <div class="operator-item">

src/views/Recharge/index.ux

@@ -2,7 +2,8 @@
  
 <template>
   <div class="recharge-record__wrap">
-    <div class="user-account__wrap" if="{{user}}">
+    <div class="flex-box">
+      <div class="user-account__wrap" if="{{user}}">
       <div class="account-blance">
         <text class="blance-title">余额</text>
         <text class="blance-info">{{user.balance}}书币</text>
@@ -11,7 +12,7 @@
         去充值
       </text>
     </div>
-
+    </div>
     <div class=" recharge-list__wrap">
       <div class="title-bar">
         <text class="title">充值订单</text>