From 507e488d7ff37c732c7424bb9a2d4e9367013c71 Mon Sep 17 00:00:00 2001
From: wangfukang <15630117759@163.com>
Date: Thu, 14 May 2026 14:56:36 +0800
Subject: [PATCH] 1

---
 package2/partTimeJob/partTimeJobCenter.vue |  2 +-
 pages/index/index.vue                      | 56 ++++++++++++++++++----
 2 files changed, 47 insertions(+), 11 deletions(-)

diff --git a/package2/partTimeJob/partTimeJobCenter.vue b/package2/partTimeJob/partTimeJobCenter.vue
index 81ab320..680ee9b 100644
--- a/package2/partTimeJob/partTimeJobCenter.vue
+++ b/package2/partTimeJob/partTimeJobCenter.vue
@@ -191,7 +191,7 @@
 								}else if(res.result[i].status == 3){
 									this.shouhouCount = Number(res.result[i].orderCount)
 								}else if(res.result[i].status == 4){
-									this.chapingCount = Number(res.result[i].orderCount)
+									this.chapingCount = Number(res.result[i].orderCount);
 								}else{
 									this.orderData = res.result[i].workerIndex
 								}
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 3f7de2d..162a718 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-	<view class="page1">
+	<view class="page1" :class="{'is-sticky': lastScrollTop>583}">
 		<view class="swiper-container">
 			<view class="swiper-page" v-if="currentIndex == 0">
 				<view style="position: relative;height: 545rpx;">
@@ -230,7 +230,7 @@
 					<view class="daimai-box" style="padding-bottom:180rpx;">
 						
 							<view class="daimai-tab" id="menuList" :class="{'daimai-tab--sticky': lastScrollTop>583}"
-								:style="{'top': (navBarHeight+46) + 'px'}">
+								:style="daimaiTabStyle">
 								<view class="daimai-tab-item" :class="{'active': checked == 'waimai'}"
 									@tap="checkTab1('waimai')">
 									<view class="daimai-tab-glow"></view>
@@ -269,7 +269,7 @@
 								</view>
 							</view>
 							<view class="title-sort" v-if="(lastScrollTop>300 || getAreaData.id != undefined || putAreaData.id != undefined || checkYongjin)" :class="{'title-sort--sticky': lastScrollTop>583}"
-								:style="{'top': (navBarHeight+90) + 'px'}">
+								:style="titleSortStyle">
 								<view class="sort-member" style="position: relative;">
 									<view @tap="checkAdd">
 										取餐地址 <text style="font-size: 20rpx;">▼</text>
@@ -295,7 +295,7 @@
 							</view>
 							<view class="sort-text"
 								v-if="getAreaData.id != undefined || putAreaData.id != undefined || checkYongjin"
-								:style="{'top': (navBarHeight+140) + 'px'}">
+								:style="sortTextStyle">
 								<view class="sort-text-inner">
 									<view @tap="searchOrder('delgetarea')" class="guize1-qusong"
 										v-if="getAreaData.id != undefined">
@@ -730,6 +730,17 @@
 			postList,
 			myCenter
 		},
+		computed: {
+			daimaiTabStyle() {
+				return { top: (this.navBarHeight + 46) + 'px' };
+			},
+			titleSortStyle() {
+				return { top: (this.navBarHeight + 90) + 'px' };
+			},
+			sortTextStyle() {
+				return { top: (this.navBarHeight + 140) + 'px' };
+			}
+		},
 		filters: {
 			formatHourMinute(value) {
 				if (!value) return '';
@@ -768,16 +779,24 @@
 		},
 		onPageScroll(e) {
 			const scrollTop = e.scrollTop;
-			const isScrollingUp = scrollTop < this.lastScrollTop;
+			// 原始 scrollTop 走非响应式字段，避免每帧 setData
+			const prev = this._scrollTopRaw || 0;
+			const isScrollingUp = scrollTop < prev;
 			// 向上滑到靠近页面顶部时（背景头图区域），切换到上一个分类
 			// 门槛用 80px：用户需要明确地滑回头部较大区域，避免误触发
 			if (isScrollingUp && scrollTop < 80 && !this.isSwitching) {
-				const currIdx = this.menuList.findIndex(m => m.checked);
+				const currIdx = this.menuList ? this.menuList.findIndex(m => m.checked) : -1;
 				if (currIdx > 0) {
 					this._switchCategory(currIdx - 1);
 				}
 			}
-			this.lastScrollTop = scrollTop;
+			this._scrollTopRaw = scrollTop;
+			// 模板里只关心 >300 / >583 两个布尔判断，所以把 lastScrollTop 阶段化：
+			// <300 → 0；300~583 → 400；>583 → 600，确保跨阶段时才触发一次 setData
+			const stage = scrollTop > 583 ? 600 : (scrollTop > 300 ? 400 : 0);
+			if (stage !== this.lastScrollTop) {
+				this.lastScrollTop = stage;
+			}
 		},
 		onReachBottom() {
 			if (this.searchForm.pageNum < this.total) {
@@ -797,7 +816,7 @@
 			setTimeout(() => {
 				const query = uni.createSelectorQuery().in(this);
 				query.select('#menuList').boundingClientRect(rect => {
-					if (rect) this.menuListOffsetTop = rect.top + this.lastScrollTop;
+					if (rect) this.menuListOffsetTop = rect.top + (this._scrollTopRaw || 0);
 				}).exec();
 			}, 500);
 		},
@@ -1170,7 +1189,7 @@
 				this.tui.request("/app/shopArea/getByParentId/0", "get", {}, false, false).then((res) => {
 					if (res.code == 200) {
 						this.areaList = res.result
-						this.$refs.areaPopup.open()
+						this.$refs.areaPopup.open();
 					} else {
 						this.tui.toast(res.message)
 					}
@@ -1301,7 +1320,7 @@
 				query.select('#menuList').boundingClientRect(rect => {
 					if (!rect) return;
 					const stickyTop = this.navBarHeight + 46;
-					const target = rect.top + this.lastScrollTop - stickyTop;
+					const target = rect.top + (this._scrollTopRaw || 0) - stickyTop;
 					uni.pageScrollTo({
 						scrollTop: target > 0 ? target : 0,
 						duration: 260
@@ -1372,6 +1391,16 @@
 			radial-gradient(circle at 90% 36%, rgba(255, 216, 168, 0.26) 0, rgba(255, 216, 168, 0) 260rpx);
 	}
 
+	/* 吸顶后上方区域不可见，暂停所有 infinite 动画，降低主线程合成压力 */
+	.page1.is-sticky .like-content-box::before,
+	.page1.is-sticky .like-left,
+	.page1.is-sticky .like-hot-gif,
+	.page1.is-sticky .list-type,
+	.page1.is-sticky .list-total text,
+	.page1.is-sticky .group-cta {
+		animation-play-state: paused !important;
+	}
+
 	.swiper-container {
 
 		width: 100%;
@@ -2004,6 +2033,10 @@
 		border-radius: 34rpx;
 		margin: 22rpx auto 0;
 		overflow: hidden;
+		contain: content;
+		will-change: transform;
+		transform: translateZ(0);
+		backface-visibility: hidden;
 	}
 
 	.daoda-time {
@@ -2487,6 +2520,9 @@
 
 	.delivery-list-wrap {
 		height: 1200rpx;
+		contain: layout paint;
+		will-change: transform;
+		-webkit-overflow-scrolling: touch;
 	}
 
 	.empty-delivery {