部分css样式修改

src/views/userCenter/Assets.vue

 <template>
   <div class="user-assets">
     <div class="title">
-      剩余燃料
+      账户资产
       <!-- <span @click="Queryrecord">燃料记录</span> -->
     </div>
     <div class="content-info">
@@ -17,11 +17,10 @@
         ></el-progress>
       </div>
       <div class="gas-info">
-        <p>剩余燃料</p>
+        <p>可上链次数</p>
         <h2>{{ balance || 0 }}</h2>
       </div>
       <p class="surplus">
-        可上链次数{{ balance || 0 }}次
         <span @click="Recharge">充值燃料</span>
       </p>
     </div>
@@ -193,16 +192,19 @@ export default {
 }
 .surplus {
   text-align: center;
-  font-size: 12px;
-  font-weight: 400;
-  color: #353535;
-  line-height: 35px;
+  margin-top: 16px;
   span {
-    font-size: 12px;
-    font-weight: 400;
     color: rgba(74, 144, 226, 1);
-    line-height: 35px;
     cursor: pointer;
+    width: 85px;
+    display: inline-block;
+    height: 30px;
+    font-size: 14px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    line-height: 30px;
+    border-radius: 4px;
+    border: 1px solid #4D7CFE;
   }
 }
 .user-assets {

src/views/userCenter/choosePackage.vue

@@ -281,7 +281,9 @@ export default {
   padding: 0;
   li {
     list-style: none;
-    width: 294px;
+    // width: 294px;
+    max-width: 294px;
+    min-width: 234px;
     height: 420px;
     float: left;
     margin-right: 20px;