|
|
@@ -6,9 +6,12 @@
|
|
|
<view class="top-left adfac">
|
|
|
<image :src="imgBase+'order_detail_success.png'"></image>
|
|
|
<view class="top-left-texts adffc">
|
|
|
- <text>{{statusCfg[orderInfo.status]}}</text>
|
|
|
- <text class="tip" v-if="orderInfo.status>0">{{statusTip[orderInfo.status]}}</text>
|
|
|
- <text class="tip" v-else>剩余支付时间 {{'00:05:00'}}，超时将自动取消</text>
|
|
|
+ <view class="text">{{statusCfg[orderInfo.status]}}</view>
|
|
|
+ <view class="text tip" v-if="orderInfo.status>0">{{statusTip[orderInfo.status]}}</view>
|
|
|
+ <view class="text tip adfac" v-else>
|
|
|
+ 剩余支付时间<text style="margin: 0 4rpx;"></text>
|
|
|
+ <u-count-down :time="countDownTime" format="HH:mm:ss" autoStart @finish="finish"></u-count-down>，
|
|
|
+ 超时将自动取消</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="top-right">￥{{orderInfo.price}}</view>
|
|
|
@@ -52,6 +55,7 @@
|
|
|
data(){
|
|
|
return {
|
|
|
orderInfo:null,
|
|
|
+ countDownTime:5 * 60 * 1000,
|
|
|
statusCfg:{
|
|
|
0:'待支付',
|
|
|
1:'已完成',
|
|
|
@@ -72,6 +76,9 @@
|
|
|
console.log(this.orderInfo);
|
|
|
},
|
|
|
methods:{
|
|
|
+ finish(){
|
|
|
+
|
|
|
+ },
|
|
|
buyAgain(){
|
|
|
|
|
|
},
|
|
|
@@ -110,7 +117,7 @@
|
|
|
}
|
|
|
&-texts{
|
|
|
margin-left: 20rpx;
|
|
|
- text{
|
|
|
+ .text{
|
|
|
font-family: PingFang-SC, PingFang-SC;
|
|
|
font-weight: bold;
|
|
|
font-size: 40rpx;
|
