更换底下图片

components/custom-tabbar/custom-tabbar.uvue

@@ -33,26 +33,26 @@
         {
             pagePath: '/pages/index/index',
             text: '首页',
-            iconPath: '/static/images/custom-tabbar/1.png',
-            selectedIconPath: '/static/images/custom-tabbar/2.png'
+            iconPath: '/static/images/custom-tabbar/11.png',
+            selectedIconPath: '/static/images/custom-tabbar/22.png'
         },
         {
             pagePath: '/pages/order/index',
             text: '工单',
-            iconPath: '/static/images/custom-tabbar/3.png',
-            selectedIconPath: '/static/images/custom-tabbar/4.png'
+            iconPath: '/static/images/custom-tabbar/33.png',
+            selectedIconPath: '/static/images/custom-tabbar/44.png'
         },
 		{
 		    pagePath: '/pages/worktime/index',
 		    text: '工时',
-		    iconPath: '/static/images/custom-tabbar/3.png',
-		    selectedIconPath: '/static/images/custom-tabbar/4.png'
+		    iconPath: '/static/images/custom-tabbar/77.png',
+		    selectedIconPath: '/static/images/custom-tabbar/88.png'
 		},
 		{
 		    pagePath: '/pages/score/index',
 		    text: '工分',
-		    iconPath: '/static/images/custom-tabbar/3.png',
-		    selectedIconPath: '/static/images/custom-tabbar/4.png'
+		    iconPath: '/static/images/custom-tabbar/55.png',
+		    selectedIconPath: '/static/images/custom-tabbar/66.png'
 		}
     ]
 

pages/order/index.uvue

@@ -9,6 +9,12 @@
             </view>
         </view>
 
+		<view class="status-bar">
+			<view class="status-box">
+				<text class="status-txt" :class="{'stauts-sel':ix == 0}">全部</text>
+				<text class="status-txt" :class="{'stauts-sel':ix == 1}">待接单</text>
+			</view>
+		</view>
         <!-- 列表内容 -->
         <common-list 
             :dataList="dataList" 
@@ -72,6 +78,7 @@
     const loading = ref<boolean>(false)
     const refreshing = ref<boolean>(false)
     const total = ref<number>(0)
+	const ix = ref<number>(1)
 
     // 辅助函数：从 any 类型提取属性
     const getOrderType = (item: any | null): string => {
@@ -279,6 +286,35 @@
             color: #333333;
         }
     }
+	
+	.status-bar{
+		padding-bottom: 10px;
+		padding-left:30rpx;
+		background-color: #d7eafe;
+	}
+	
+	.status-box {
+		flex-direction: row;
+		align-items: center;
+		height: 72rpx;
+		flex: 1;
+		
+		.status-txt{
+			padding: 8px;
+			width: 70px;
+			text-align: center;
+			margin-right: 12rpx;
+			border-radius: 36rpx;
+			background-color: #fff;
+			font-size: 28rpx;
+		}
+		
+		.stauts-sel{
+			background-color: blue;
+			color: #fff;
+		}
+	}
+	
 
     .list-item {
         margin: 24rpx 30rpx;