hookehuyr

fix(订单页面): 调整状态标签内边距并修复状态文本

修复状态筛选标签的内边距不一致问题,并将"待完成"状态文本改为"待支付"
切换视图模式时重置状态筛选标签到全部
...@@ -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':
......