no message

src/pages/pay/index.vue

@@ -13,17 +13,22 @@
       <view class="progress" flex column center>
         <progress :percent="percent" activeColor="#FFD5A0" backgroundColor="#746C64" border-radius="20" />
         <view class="progress-info" flex between>
-          <text>已用：{{ this.rateplan.used }}M / 剩余：{{ this.rateplan.left }}M</text>
-          <text>总量：{{ this.rateplan.total / 1024 }}G</text>
+          <view>
+            <text>剩余：{{ (this.rateplan.left / 1024).toFixed(2) }}GB / 总量：{{ (this.rateplan.total / 1024).toFixed(2) }}GB</text>
+            <text style="margin-left: 10px">{{ this.rateplan.dayStr }}</text>
+          </view>
+          <text>已用：{{ (this.rateplan.used / 1024).toFixed(2) }}GB</text>
         </view>
       </view>
       <view v-if="orderList.length > 0">
         <view class="progress" flex column center v-for="item in orderList" :key="item.orderId">
           <progress activeColor="#FFD5A0" backgroundColor="#746C64" border-radius="20" />
-          <view class="progress-info" flex between>
-            <text>待生效流量套餐</text>
-            <text>总量：xxGB</text>
-            <text>{{ item.dayStr }}</text>
+          <view class="progress-info" flex>
+            <view>
+              <text>待生效流量套餐</text>
+              <text style="margin-left: 10px;">总量：{{ (item.total / 1024).toFixed(2) }}GB</text>
+            </view>
+            <text style="margin-left: 10px">{{ item.dayStr }}</text>
           </view>
         </view>
       </view>
@@ -57,7 +62,7 @@
     </view>
 
     <!-- 弹窗 -->
-    <uni-popup ref="popup" type="bottom" border-radius="10px 10px 10px 10px" background-color="#2a2a2a" >
+    <uni-popup ref="popup" type="bottom" border-radius="10px 10px 10px 10px" background-color="#2a2a2a">
       <view class="popup">
         <view class="title">购买须知</view>
         <view class="content">