首页更新

pages/order/order.vue

@@ -1,5 +1,15 @@
 <template>
 	<view>
+		<view class="navtab flex-center">
+			<view class="navtabpost flex-center">
+				<view :class="navtabindex == 0 ? 'navtabone':'navtabtow'" @click="navtabclick(0)">
+					团购订单
+				</view>
+				<view  :class="navtabindex == 1 ? 'navtabone':'navtabtow'" @click="navtabclick(1)">
+					到店订单
+				</view>
+			</view>
+		</view>
 		<u-sticky bgColor="#fff">
 			<view class="tab-wrap">
 				<view class="item" v-for="(item, index) in tabs" :key="index" @click="orderswitch(item,index)">
@@ -89,6 +99,7 @@
 		data() {
 			return {
 				active: 0,
+				navtabindex:0,
 				tabs: [{
 						name: '全部',
 						type: 1,
@@ -140,6 +151,10 @@
 			this.orderorderList()
 		},
 		methods: {
+			// 切换导航栏
+			navtabclick(i){
+				this.navtabindex = i
+			},
 			async loginwxuserInfo() {
 				let res = await this.api.loginwxuserInfo({
 					userId: uni.cache.get('userInfo').id
@@ -207,6 +222,43 @@
 		background: #f6f6f6;
 	}
 
+	.navtab {
+		width: 100%;
+		height: 56rpx;
+		background: #ffd158;
+		.navtabpost{
+			position: relative;
+			.navtabone {
+				margin-left:-10rpx;
+				width: 162rpx;
+				height: 56rpx;
+				background: #FFEAB1;
+				border-radius: 12rpx 12rpx 12rpx 12rpx;
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #333333;
+				line-height: 56rpx;
+				text-align: center;
+				z-index: 10;
+			}
+			.navtabtow {
+				margin-left:-10rpx;
+				z-index: 9;
+				width: 166rpx;
+				height: 56rpx;
+				background: #FFFFFF;
+				border-radius: 12rpx 12rpx 12rpx 12rpx;
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 400;
+				font-size: 24rpx;
+				color: #666666;
+				line-height: 56rpx;
+				text-align: center;
+			}
+		}
+	}
+
 	.tab-wrap {
 		display: flex;
 		position: relative;