Hooke / jgdl

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
67f71804 1 parent 5a582e9a

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

为买家模式下的订单状态9添加自动收货倒计时显示，包括文字描述和样式调整
Inline Side-by-side
Showing 2 changed files with 24 additions and 5 deletions
...@@ -718,10 +718,22 @@ ...@@ -718,10 +718,22 @@
718 display: flex; 718 display: flex;
719 justify-content: flex-end; 719 justify-content: flex-end;
720 margin: 16rpx 0; 720 margin: 16rpx 0;
721 +
722 + .countdown-text {
723 + color: #ff4757;
724 + font-size: 24rpx;
725 + font-weight: 500;
726 + }
721 } 727 }
722 728
723 -.countdown-text { 729 +.auto-receipt-countdown {
724 - color: #ff4757; 730 + display: flex;
725 - font-size: 24rpx; 731 + justify-content: flex-end;
726 - font-weight: 500; 732 + margin: 16rpx 0;
733 +
734 + .countdown-text {
735 + color: #9ca3af;
736 + font-size: 24rpx;
737 + font-weight: 500;
738 + }
727 } 739 }
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-07-28 12:48:34 4 + * @LastEditTime: 2025-07-28 15:35:05
5 * @FilePath: /jgdl/src/pages/myOrders/index.vue 5 * @FilePath: /jgdl/src/pages/myOrders/index.vue
6 * @Description: 订单管理页面 6 * @Description: 订单管理页面
7 --> 7 -->
...@@ -88,6 +88,13 @@ ...@@ -88,6 +88,13 @@
88 <text class="countdown-text">剩余支付时间：{{ formatCountdown(order.remain_time) }}</text> 88 <text class="countdown-text">剩余支付时间：{{ formatCountdown(order.remain_time) }}</text>
89 </view> 89 </view>
90 90
91 + <!-- 剩余自动收货时间 - 文字描述 -->
92 + <view v-if="viewMode === 'buy' && order.status === 9" class="auto-receipt-countdown">
93 + <text class="countdown-text">
94 + {{ order.receiving_deadline_desc }}
95 + </text>
96 + </view>
97 +
91 <!-- 操作按钮 --> 98 <!-- 操作按钮 -->
92 <view v-if="!order.is_sold" class="order-actions"> 99 <view v-if="!order.is_sold" class="order-actions">
93 <!-- 买车模式：待支付状态 --> 100 <!-- 买车模式：待支付状态 -->
......