hookehuyr

feat(订单页面): 添加自动收货倒计时样式和逻辑

为买家模式下的订单状态9添加自动收货倒计时显示,包括文字描述和样式调整
......@@ -718,10 +718,22 @@
display: flex;
justify-content: flex-end;
margin: 16rpx 0;
.countdown-text {
color: #ff4757;
font-size: 24rpx;
font-weight: 500;
}
}
.countdown-text {
color: #ff4757;
font-size: 24rpx;
font-weight: 500;
.auto-receipt-countdown {
display: flex;
justify-content: flex-end;
margin: 16rpx 0;
.countdown-text {
color: #9ca3af;
font-size: 24rpx;
font-weight: 500;
}
}
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-28 12:48:34
* @LastEditTime: 2025-07-28 15:35:05
* @FilePath: /jgdl/src/pages/myOrders/index.vue
* @Description: 订单管理页面
-->
......@@ -88,6 +88,13 @@
<text class="countdown-text">剩余支付时间:{{ formatCountdown(order.remain_time) }}</text>
</view>
<!-- 剩余自动收货时间 - 文字描述 -->
<view v-if="viewMode === 'buy' && order.status === 9" class="auto-receipt-countdown">
<text class="countdown-text">
{{ order.receiving_deadline_desc }}
</text>
</view>
<!-- 操作按钮 -->
<view v-if="!order.is_sold" class="order-actions">
<!-- 买车模式:待支付状态 -->
......