fix:样式

src/views/home/components/RechargeList.vue

@@ -12,7 +12,12 @@
         :three-col="true"
       />
     </cr-tab>
-    <cr-tab title="话费慢充" :title-style="tabItemStyle" name="slowRecharge">
+    <cr-tab
+      title="话费慢充"
+      :title-style="tabItemStyle"
+      name="slowRecharge"
+      recharge-list-recharge-spu-nos
+    >
       <PhoneRechargeList
         :list="rechargeList.slowRecharge"
         :info="selectedRechargeInfo"
@@ -51,6 +56,9 @@ export default {
   },
   methods: {
     async changeRechargeType(name) {
+      if (!this.phoneRecharge[`${name}SpuNos`]) {
+        return;
+      }
       const [data] = await getSkuList(
         this.phoneRecharge[`${name}SpuNos`],
         this.phoneRecharge[`${name}Type`]

src/views/home/components/RechargeTop.vue

@@ -147,11 +147,15 @@ export default {
       font-weight: bold;
     }
     &-recharge {
+      width: 100%;
       display: flex;
       overflow-x: auto;
       overflow-y: hidden;
       margin-top: @padding-sm;
-      justify-content: space-between;
+    }
+    .recharge {
+      flex-shrink: 0;
+      width: 65px;
     }
   }
 }