From 7cba6a04bf27482717422674356520eb5c6793bb Mon Sep 17 00:00:00 2001
From: tianyi <13521030702@163.com>
Date: Mon, 30 Mar 2026 11:38:38 +0800
Subject: [PATCH] 11

---
 pages/index/index.vue | 135 +++++++++++++++++++-----------------------
 1 file changed, 61 insertions(+), 74 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index 6ea8a7f..5b0b4e2 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -4,8 +4,8 @@
 			<view class="swiper-page" v-if="currentIndex == 0">
 				
 				<view style="position: relative;height: 545rpx;">
-					<view style="width:100%;height: 50px;position: fixed;top: 0;background: #fff;z-index: 90;" v-if="lastScrollTop>583"></view>
-					<view style="position: absolute;top: 55px;left: 10px;z-index: 999;">
+					<view style="width:100%;height: 100rpx;position: fixed;top: 0;background: #fff;z-index: 90;" v-if="lastScrollTop>583"></view>
+					<view style="position: absolute;top: 110rpx;left: 20rpx;z-index: 999;">
 						<view @click="checkArea" v-if="areaName == ''">
 							点击选择区域
 							<uni-icons type="right" size="12" style="margin-left: 10rpx;"></uni-icons>
@@ -32,7 +32,7 @@
 							<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/bf2bb7f80e17428391c407aef769517a.png" alt="" />
 						</view>
 						<view class="order-msg-center">
-							<view style="font-weight: 700;font-size: 30rpx;line-height: 30px;margin-top: 5%;">配送员正在赶往商家
+							<view style="font-weight: 700;font-size: 30rpx;line-height: 60rpx;margin-top: 5%;">配送员正在赶往商家
 							</view>
 							<view style="font-size: 24rpx;">预计<text style="color: red;">12:03-12:30</text>送达</view>
 						</view>
@@ -161,40 +161,40 @@
 					</view>
 					<view class="daimai-box" style="padding-bottom:180rpx;">
 						<view class="daimai-tab" id="menuList" :style="{'top': navBarHeight + 'px','background':lastScrollTop>583?'#fff':''}">
-							<view @tap="checkTab1('waimai')">
-								<view class="like-title"  style="position: relative;width: 240rpx;" v-if="checked == 'waimai'">
-									<img src="/static/images/img/daimaifantitle.png" alt="" style="width: 220rpx;" />
-									<text style="position: absolute;top: 0;right: 0;font-size: 36rpx;font-weight: 700;">（{{waimaiCount}}）</text>
+							<view @tap="checkTab1('waimai')" style="flex: 1;">
+								<view class="like-title"  style="position: relative;width: 160rpx;height: 50rpx;margin-top:10rpx;" v-if="checked == 'waimai'">
+									<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4d3207adb25546f68ce4d3428e571867.png" alt="" style="width: 160rpx;height: 50rpx;" />
+									<text style="position: absolute;top: 0;left: 60rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{waimaiCount}}）</text>
 								</view>
 								<view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else>
-									外卖（{{waimaiCount}}）
+									外卖({{waimaiCount}})
 								</view>
 							</view>
-							<view @tap="checkTab1('kuaidi')" style="margin-left: 15px;">
-								<view class="like-title" style="position: relative;width:320rpx;" v-if="checked == 'kuaidi'">
-									<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/99162216d23a44a8ba81c7cb5249f3b8.png" alt="" style="width: 270rpx;">
-									<text style="position: absolute;top: 0;right: 0;font-size: 36rpx;font-weight: 700;">（{{kuaidiCount}}）</text>
+							<view @tap="checkTab1('kuaidi')" style="margin-left: 20rpx;flex: 1;">
+								<view class="like-title" style="position: relative;width: 160rpx;height: 50rpx;margin-top:10rpx;" v-if="checked == 'kuaidi'">
+									<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/aeff6530c1c4486e9c7d088522de0c98.png" alt="" style="width: 160rpx;height: 50rpx;">
+									<text style="position: absolute;top: 0;left: 60rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{kuaidiCount}}）</text>
 								</view>
 								<view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else>
-									快递（{{kuaidiCount}}）
+									快递({{kuaidiCount}})
 								</view>
 							</view>
-							<view @tap="checkTab1('paotui')" style="margin-left: 15px;">
-								<view class="like-title" style="position: relative;width:320rpx;" v-if="checked == 'paotui'">
-									<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/99162216d23a44a8ba81c7cb5249f3b8.png" alt="" style="width: 270rpx;">
-									<text style="position: absolute;top: 0;right: 0;font-size: 36rpx;font-weight: 700;">（{{paotuiCount}}）</text>
+							<view @tap="checkTab1('paotui')" style="margin-left: 20rpx;flex: 1;">
+								<view class="like-title" style="position: relative;width: 160rpx;height: 50rpx;margin-top:10rpx;" v-if="checked == 'paotui'">
+									<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/e2cccb5ad1534b2aaae9b2b67ed401b4.png" alt="" style="width: 160rpx;height: 50rpx;">
+									<text style="position: absolute;top: 0;left: 60rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{paotuiCount}}）</text>
 								</view>
 								<view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else>
-									跑腿（{{paotuiCount}}）
+									跑腿({{paotuiCount}})
 								</view>
 							</view>
-							<view @tap="checkTab1('zhipai')" style="margin-left: 15px;" v-if="worker != null">
-								<view class="like-title" style="position: relative;width:320rpx;" v-if="checked == 'zhipai'">
-									<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/99162216d23a44a8ba81c7cb5249f3b8.png" alt="" style="width: 270rpx;">
-									<text style="position: absolute;top: 0;right: 0;font-size: 36rpx;font-weight: 700;">（{{zhipaiCount}}）</text>
+							<view @tap="checkTab1('zhipai')" style="margin-left: 20rpx;flex: 1;" v-if="worker != null">
+								<view class="like-title" style="position: relative;width: 160rpx;height: 50rpx;margin-top:10rpx;" v-if="checked == 'zhipai'">
+									<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/2bfc2333818b47478572e4d1a430049a.png" alt="" style="width: 160rpx;height: 50rpx;">
+									<text style="position: absolute;top: 0;left: 80rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{zhipaiCount}}）</text>
 								</view>
 								<view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else>
-									指派单（{{zhipaiCount}}）
+									指派单({{zhipaiCount}})
 								</view>
 							</view>
 						</view>
@@ -270,7 +270,7 @@
 													<view class="qu-right">
 														<img @tap="makeCall(item.contactPhone)"
 															src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png"
-															alt="" style="width: 20px;height: 20px;" />
+															alt="" style="width: 40rpx;height: 40rpx;" />
 													</view>
 												</view>
 											</view>
@@ -285,7 +285,7 @@
 													<view class="qu-right">
 														<img @tap="makeCall(item.receiverPhone)"
 															src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png"
-															alt="" style="width: 20px;height: 20px;" />
+															alt="" style="width: 40rpx;height: 40rpx;" />
 													</view>
 												</view>
 											</view>
@@ -339,7 +339,7 @@
 		</uni-popup>
 		<!-- 弹出区域选择 -->
 		<uni-popup ref="pagesPopup" background-color="#fff">
-			<view class="popup-area-content" style="height: 600px;overflow: scroll;">
+			<view class="popup-area-content" style="height: 1200rpx;overflow: scroll;">
 				<view class="popup-area-title">
 					<text>查看页面</text>
 				</view>
@@ -491,7 +491,7 @@
 					workerId: uni.getStorageSync('worker') ? uni.getStorageSync('worker').workerId : '',
 					kuaidiData: []
 				},
-				checked:'daimaifan',
+				checked:'waimai',
 				navBarHeight: 0,
 				menuListOffsetTop: 0,
 				lastScrollTop: 0,
@@ -966,11 +966,6 @@
 		font-size: 28rpx;
 	}
 
-	.container {
-		width: 100%;
-		height: 100vh;
-	}
-
 	.swiper-container {
 
 		width: 100%;
@@ -998,7 +993,7 @@
 		width: 95%;
 		height: 146rpx;
 		border-radius: 40rpx;
-		border: 2px solid #A6FFEA;
+		border: 4rpx solid #A6FFEA;
 		background: #fff;
 		z-index: 99;
 		position: absolute;
@@ -1105,14 +1100,6 @@
 		transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 	}
 
-	/* 响应式调整 */
-	@media (min-width: 768px) {
-		.container {
-			max-width: 750px;
-			margin: 0 auto;
-		}
-	}
-
 	.menu-box {
 		width: 100%;
 		height: 160rpx;
@@ -1212,7 +1199,7 @@
 
 	.list-product {
 		width: 60%;
-		padding-top: 2px;
+		padding-top: 4rpx;
 	}
 
 	.list-name {
@@ -1406,8 +1393,8 @@
 
 	.qiangdan-btn {
 		width: 95%;
-		height: 50px;
-		margin: 10px auto;
+		height: 100rpx;
+		margin: 20rpx auto;
 
 		img {
 			width: 100%;
@@ -1418,24 +1405,24 @@
 	.paotui-title{
 		display: flex;
 		flex: 1;
-		line-height: 44px;
+		line-height: 88rpx;
 		text-align: right;
-		padding-right: 10px;
+		padding-right: 20rpx;
 	}
 	.paotui-text{
-		font-size: 14px;
+		font-size: 28rpx;
 		color: red;
 		font-weight: bold;
 		flex: 1;
 	}
 	.paotui-num{
-		font-size: 12px;
-		padding: 0 5px;
+		font-size: 24rpx;
+		padding: 0 10rpx;
 	}
 	.popup-area-content {
 		align-items: center;
 		justify-content: center;
-		padding: 15px;
+		padding: 30rpx;
 		width: 500rpx;
 		height: auto;
 		background-color: #fff;
@@ -1451,7 +1438,7 @@
 	.popup-area-container {
 		margin-top: 20rpx;
 		height: 100rpx;
-		border-radius: 10px;
+		border-radius: 20rpx;
 		background: #088FEB;
 		line-height: 100rpx;
 		text-align: center;
@@ -1460,23 +1447,23 @@
 		color: #fff;
 	}
 	.chaoda{
-		height: 15px;
-		line-height: 15px;
-		margin: 5px 0 0 10px;
-		padding: 0 5px;
+		height: 30rpx;
+		line-height: 30rpx;
+		margin: 10rpx 0 0 20rpx;
+		padding: 0 10rpx;
 		background: rgba(255, 117, 88, 1);
 		color: #fff;
-		border-radius: 5px;
-		font-size: 10px;
+		border-radius: 10rpx;
+		font-size: 20rpx;
 	}
 	.beizhu{
 		    width: 95%;
 		    margin: 0 auto;
 		    background: rgba(255, 117, 88, 0.08);
 		    border: 1px solid rgba(255, 117, 88, 0.12);
-		    border-radius: 10px;
-		    height: 60px;
-		    padding: 10px;
+		    border-radius: 20rpx;
+		    height: 120rpx;
+		    padding: 20rpx;
 		    color: rgba(255, 57, 57, 1);
 	}
 	.title-sort {
@@ -1486,7 +1473,7 @@
 		top:0;
 		z-index:90;
 		background: #fff;
-		padding-top:10px;
+		padding-top:20rpx;
 	}
 	.sort-text{
 		height: 70rpx;
@@ -1526,31 +1513,31 @@
 	
 	.guize1-qusong {
 		display: flex;
-		margin-left: 20px;
+		margin-left: 40rpx;
 	}
 	
 	.qusong1 {
-		width: 20px;
-		height: 20px;
+		width: 40rpx;
+		height: 40rpx;
 		background: rgba(0, 35, 28, 1);
 		color: #fff;
-		border-radius: 20px;
+		border-radius: 40rpx;
 		text-align: center;
-		line-height: 20px;
-		font-size: 10px;
+		line-height: 40rpx;
+		font-size: 20rpx;
 		z-index: 80;
 	}
 	
 	.qusong2 {
-		height: 20px;
-		font-size: 12px;
-		line-height: 19px;
+		height: 40rpx;
+		font-size: 24rpx;
+		line-height: 38rpx;
 		text-align: center;
 		background: rgba(166, 255, 234, 0.5);
-		padding: 0 10px;
-		margin-left: -5px;
+		padding: 0 20rpx;
+		margin-left: -10rpx;
 		font-weight: 700;
-		border-top-right-radius: 20px;
-		border-bottom-right-radius: 20px;
+		border-top-right-radius: 40rpx;
+		border-bottom-right-radius: 40rpx;
 	}
 </style>
\ No newline at end of file