fix: 订单列表

pages/order-list/order-list.vue

@@ -1,13 +1,14 @@
 <template>
 	<view class="container">
-		<scroll-view scroll-y class="scroll-container" @scrolltolower="loadMore">
+		<view class="filter-tabs">
-			<view class="filter-tabs">
+			<view v-for="(item, index) in filterOptions" :key="index" class="tab-item"
-				<view v-for="(item, index) in filterOptions" :key="index" class="tab-item"
+				:class="{ active: filterIndex === index }" @tap="onFilterChange(index)">
-					:class="{ active: filterIndex === index }" @tap="onFilterChange(index)">
+				{{ item.label }}
-					{{ item.label }}
+				<view v-if="filterIndex === index" class="tab-line"></view>
-					<view v-if="filterIndex === index" class="tab-line"></view>
-				</view>
 			</view>
+		</view>
+
+		<scroll-view scroll-y class="scroll-container" @scrolltolower="loadMore">
 
 			<view v-if="orderList.length === 0 && !loading" class="empty-state">
 				<view class="empty-icon">📋</view>
@@ -241,19 +242,13 @@
 		box-sizing: border-box;
 	}
 
-	.scroll-container {
-		flex: 1;
-		height: 100%;
-	}
-
 	.filter-tabs {
 		display: flex;
 		background: #fff;
-		position: sticky;
+		border-radius: 0 0 20rpx 20rpx;
-		top: 0;
-		border-radius: 20rpx;
 		z-index: 100;
-		margin-bottom: 20rpx;
+		flex-shrink: 0;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
 
 		.tab-item {
 			position: relative;
@@ -283,6 +278,11 @@
 		}
 	}
 
+	.scroll-container {
+		flex: 1;
+		height: 100%;
+	}
+
 	.empty-state {
 		display: flex;
 		flex-direction: column;
@@ -313,7 +313,7 @@
 	.order-card {
 		background: #fff;
 		border-radius: 20rpx;
-		margin: 0 0 24rpx;
+		margin-bottom: 24rpx;
 		overflow: hidden;
 		box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.04);