|
|
@@ -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">
|
