fix(订单页面): 调整状态标签内边距并修复状态文本
修复状态筛选标签的内边距不一致问题,并将"待完成"状态文本改为"待支付" 切换视图模式时重置状态筛选标签到全部
Showing
2 changed files
with
5 additions
and
7 deletions
| ... | @@ -65,7 +65,7 @@ | ... | @@ -65,7 +65,7 @@ |
| 65 | /* 状态筛选标签 */ | 65 | /* 状态筛选标签 */ |
| 66 | .status-tabs { | 66 | .status-tabs { |
| 67 | background: white; | 67 | background: white; |
| 68 | - padding: 20rpx 32rpx; /* 增加内边距 */ | 68 | + padding: 20rpx 35rpx; /* 增加内边距 */ |
| 69 | border-bottom: 1rpx solid #e5e7eb; | 69 | border-bottom: 1rpx solid #e5e7eb; |
| 70 | display: flex; | 70 | display: flex; |
| 71 | } | 71 | } |
| ... | @@ -588,10 +588,6 @@ | ... | @@ -588,10 +588,6 @@ |
| 588 | font-size: 30rpx; /* 保持较大字体 */ | 588 | font-size: 30rpx; /* 保持较大字体 */ |
| 589 | } | 589 | } |
| 590 | 590 | ||
| 591 | - .status-tabs { | ||
| 592 | - padding: 18rpx 24rpx; | ||
| 593 | - } | ||
| 594 | - | ||
| 595 | .order-card { | 591 | .order-card { |
| 596 | padding: 24rpx; | 592 | padding: 24rpx; |
| 597 | } | 593 | } | ... | ... |
| 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-03 17:41:46 | 4 | + * @LastEditTime: 2025-07-03 21:14:00 |
| 5 | * @FilePath: /jgdl/src/pages/myOrders/index.vue | 5 | * @FilePath: /jgdl/src/pages/myOrders/index.vue |
| 6 | * @Description: 订单管理页面 | 6 | * @Description: 订单管理页面 |
| 7 | --> | 7 | --> |
| ... | @@ -498,6 +498,8 @@ const filteredOrders = computed(() => { | ... | @@ -498,6 +498,8 @@ const filteredOrders = computed(() => { |
| 498 | */ | 498 | */ |
| 499 | const setViewMode = (mode) => { | 499 | const setViewMode = (mode) => { |
| 500 | viewMode.value = mode | 500 | viewMode.value = mode |
| 501 | + // 重置状态筛选标签到全部 | ||
| 502 | + activeTab.value = 'all' | ||
| 501 | resetListState() | 503 | resetListState() |
| 502 | // 重置加载更多的状态 | 504 | // 重置加载更多的状态 |
| 503 | hasMore.value = true | 505 | hasMore.value = true |
| ... | @@ -678,7 +680,7 @@ const loadMore = () => { | ... | @@ -678,7 +680,7 @@ const loadMore = () => { |
| 678 | const getStatusText = (status) => { | 680 | const getStatusText = (status) => { |
| 679 | switch (status) { | 681 | switch (status) { |
| 680 | case 'pending': | 682 | case 'pending': |
| 681 | - return '待完成' | 683 | + return '待支付' |
| 682 | case 'completed': | 684 | case 'completed': |
| 683 | return '已完成' | 685 | return '已完成' |
| 684 | case 'cancelled': | 686 | case 'cancelled': | ... | ... |
-
Please register or login to post a comment