添加搜索页

src/pages.json

@@ -257,6 +257,16 @@
 			}
 		}
 		
+        ,{
+            "path" : "pages/order/search",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false,
+				"navigationBarBackgroundColor":"#F4F5F7"
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",

src/pages/order/index.vue

@@ -4,32 +4,31 @@
 			<view class="tools-box">
 				<view class="search-sub">
 					<u-subsection :current="curNow" :list="subList" active-color="white" bg-color="white"
-						inactive-color="#666" button-color="#2272FF" border-radius="36" @change="sectionChange">
+						inactive-color="#666" button-color="#2272FF" border-radius="36" @change="sectionChange" height="72"
+						bold>
 					</u-subsection>
 				</view>
-				<view class="search-btn">
-					<u-icon name="search" color="#666" size="32"></u-icon>
+				<view class="search-btn" @click="handleClickSearch">
+					<image class="search-image" mode="widthFix" :src="sousuoImage"></image>
 					<text class="search-btn-text">搜订单</text>
 				</view>
 			</view>
 			<view class="u-tabs-box" v-show="curNow == 0">
-				<u-tabs activeColor="#2272FF" bg-color="none" inactive-color="#999" bar-height="4" bar-width="44"
-					:offset="[-1,10]" :list="list" count="total" :current="current" @change="change"
-					:is-scroll="false"></u-tabs>
+				<u-tabs height="66" activeColor="#2272FF" bg-color="none" inactive-color="#999" bar-height="4" bar-width="44"
+					:offset="[0,0]" :list="list" count="total" :current="current" @change="change"
+					:is-scroll="false" font-size="28" bold></u-tabs>
 			</view>
-			<!-- <swiper class="swiper-box" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish"> -->
+			<view class="tab-view">
 				<!-- <swiper-item class="swiper-item" v-for="(res, ind) in orderList" :key="ind"> -->
 					<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom" scroll-anchoring>
-						<view class="page-box">
 							<view v-for="(item, index) in orderList" :key="item.orderId">
 								<OrderCell :orderData="item" :orderType="orderType" :location="dataValue"
 									@click="handleClick(item)" @action="handleAction(item)"> </OrderCell>
 							</view>
 							<u-loadmore :status="loadStatus" bgColor="#F4F5F7"></u-loadmore>
-						</view>
 					</scroll-view>
-			<!-- 	</swiper-item>
-			</swiper> -->
+				<!-- </swiper-item> -->
+			</view>
 
 		<!-- </view> -->
 	</TabBarPage>
@@ -100,6 +99,9 @@
 			},
 			currentIndex() {
 				return this.curNow == 0 ? this.current : 5
+			},
+			sousuoImage() {
+				return process.uniEnv.qn_base_url + 'sousuo.png'
 			}
 		},
 		methods: {
@@ -238,6 +240,11 @@
 			handleAction(item) {
 				console.log('click button')
 				this.viewOderItem(item.orderId)
+			},
+			handleClickSearch() {
+				uni.navigateTo({
+					url: 'pages/order/search'
+				})
 			}
 		}
 	};
@@ -423,24 +430,30 @@
 		flex-direction: column;
 		height: calc(100vh - var(--window-top));
 		width: 100%;
+	}
+	
+	.tab-view {
+		height: 100%;
+		overflow: auto;
+		padding-bottom: 20rpx;
 	}
 
-	.swiper-box {
-		flex: 1;
-	}
+	// .swiper-box {
+	// 	flex: 1;
+	// }
 
-	.swiper-item {
-		height: 100%;
-		.page-box {
-			padding-bottom: 20rpx;
-		}
-	}
+	// .swiper-item {
+	// 	height: 100%;
+	// 	.page-box {
+	// 		padding-bottom: 20rpx;
+	// 	}
+	// }
 
 	.tools-box {
 		display: flex;
 		flex-direction: row;
 		justify-content: space-between;
-		padding: 20rpx 0rpx 18rpx 0rpx;
+		padding-bottom: 20rpx;
 
 		.search-sub {
 			height: 72rpx;
@@ -454,10 +467,14 @@
 			border-radius: 36rpx;
 			color: #666666;
 			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
+			justify-content: center;
 			align-items: center;
-
+			.search-image {
+				width: 36rpx;
+				height: 32rpx;
+				flex-shrink: 0;
+				margin-right: 20rpx;
+			}
 			.search-btn-text {
 				line-height: 36rpx;
 				font-weight: 400;

src/pages/order/search.vue

+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>