Fix:【商城小程序】待付款订单详情页，无自动取消订单倒计时

pages/order/OrderDetails/index.vue

@@ -10,7 +10,9 @@
         <view class="state v12-primary-text v12-font-32 v12-font-bold" v-else>{{ getStatus(orderInfo) }}</view>
         <view v-if="getStatus(orderInfo)!=='待付款'" class="v12-mt-2 v12-font-24 v12-secondary-dark-text" :class="{'fails-bg': orderInfo._status._type == -3}">{{ orderInfo._status._msg }}</view>
         <view class="pending-payments flex ai-center v12-mt-2 v12-font-24 v12-secondary-dark-text" v-else>
-          <text>需支付{{ orderInfo.payPrice }}元，{{ orderInfo._status._msg }}</text>
+          <text>需支付{{ orderInfo.payPrice }}元，</text>
+          <!-- {{ orderInfo.paymentTimeout }} -->
+          剩余<u-count-down format="HH:mm:ss" autoStart :time="$global.diffSSS(orderInfo.paymentTimeout)" />订单将自动取消
         </view>
         <u-divider></u-divider>
         <div class="name v12-mb-3 v12-font-28 v12-font-bold">
@@ -825,6 +827,9 @@ export default {
 };
 </script>
 <style scoped lang="less">
+.u-count-down__text{
+  color: #999 !important;
+}
 .footer{
   height: 122rpx;
   border-radius: 40rpx 40rpx 0rpx 0rpx;
@@ -1027,9 +1032,8 @@ export default {
 
 /deep/ .pending-payments {
   font-size: 26rpx;
-
+  letter-spacing: 1px;
   .u-count-down__text {
-    color: #FF5C5C;
     font-size: 26rpx;
     line-height: 1;
   }