From 163e039758a06ff98263d85cc2b68e6d0ea83b8c Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Fri, 23 May 2025 11:12:27 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/tabbar/my.vue | 95 ++++++++++++++++++++++-------------------
 1 file changed, 51 insertions(+), 44 deletions(-)

diff --git a/src/pages/tabbar/my.vue b/src/pages/tabbar/my.vue
index c1f3d31..e94f11f 100644
--- a/src/pages/tabbar/my.vue
+++ b/src/pages/tabbar/my.vue
@@ -1,54 +1,61 @@
 <template>
-	<crud-layout bg="/static/page/blue-bg.png">
-		<view class="h-20rpx" />
-		<view class="flex-row items-center">
-			<image
-				v-if="state.userInfo?.sysUser?.avatar"
-				class="w-100rpx h-100rpx rounded-full"
-				:src="filePath(state.userInfo.sysUser.avatar)"
-				mode="aspectFill"
-			/>
-			<image v-else class="w-100rpx h-100rpx rounded-full" src="/static/icon/default-avatar.png" mode="aspectFill" />
-			<view class="m-l-30rpx" v-if="state.userInfo?.sysUser?.userId">
-				<view class="flex-row items-center">
-					<text class="sub-text-30">{{ state.userInfo?.sysUser?.name }}</text>
-					<!-- <text class="iconfont icon-youjiantou color-#666666 m-l-20rpx"></text> -->
+	<crud-layout mainIsScroll bg="/static/page/blue-bg.png">
+		<tm-sticky>
+			<tm-sticky-header>
+				<view class="flex-row items-center bg-#ECF4F9 py-3">
+					<image
+						v-if="state.userInfo?.sysUser?.avatar"
+						class="w-100rpx h-100rpx rounded-full"
+						:src="filePath(state.userInfo.sysUser.avatar)"
+						mode="aspectFill"
+					/>
+					<image v-else class="w-100rpx h-100rpx rounded-full" src="/static/icon/default-avatar.png" mode="aspectFill" />
+					<view class="m-l-30rpx" v-if="state.userInfo?.sysUser?.userId">
+						<view class="flex-row items-center">
+							<text class="sub-text-30">{{ state.userInfo?.sysUser?.name }}</text>
+							<!-- <text class="iconfont icon-youjiantou color-#666666 m-l-20rpx"></text> -->
+						</view>
+						<text class="sub-text-26">ID {{ state.userInfo?.sysUser?.userId }}</text>
+					</view>
+					<view v-else class="flex-row items-center m-l-30rpx" @tap="onTabLogin">
+						<text class="sub-text-32">请先登录</text>
+						<text class="iconfont icon-youjiantou" />
+					</view>
 				</view>
-				<text class="sub-text-26">ID {{ state.userInfo?.sysUser?.userId }}</text>
-			</view>
-			<view v-else class="flex-row items-center m-l-30rpx" @tap="onTabLogin">
-				<text class="sub-text-32">请先登录</text>
-				<text class="iconfont icon-youjiantou" />
-			</view>
-		</view>
+			</tm-sticky-header>
 
-		<view class="m-t-20rpx rounded-20rpx shadow-main p-30rpx p-b-40rpx bg-white!">
-			<view class="service_item flex-row items-center justify-between" v-for="(v, i) in state.menuList" :key="i" @tap="onTabMenu(v, i)">
-				<view class="flex-row-center">
-					<image class="w-40rpx h-40rpx" :src="v.icon" mode="aspectFill" />
-					<text class="sub-text-28 m-l-20rpx">{{ v.text }}</text>
+			<view class="m-t-10rpx rounded-20rpx shadow-main p-30rpx p-b-40rpx bg-white!">
+				<view class="service_item flex-row items-center justify-between" v-for="(v, i) in state.menuList" :key="i" @tap="onTabMenu(v, i)">
+					<view class="flex-row-center">
+						<image class="w-40rpx h-40rpx" :src="v.icon" mode="aspectFill" />
+						<text class="sub-text-28 m-l-20rpx">{{ v.text }}</text>
+					</view>
+					<view class="iconfont icon-youjiantou" />
 				</view>
-				<view class="iconfont icon-youjiantou" />
 			</view>
-		</view>
 
-		<view v-if="isDevEnv()" class="flex-col-center m-t-40rpx m-x-30rpx">
-			<view class="w-full text-center sub-text-28 p-y-20rpx rounded-40rpx border-solid border border-#0094ff" @tap="doLogout">
-				退出登录
+			<view v-if="isDevEnv()" class="flex-col-center m-t-40rpx m-x-30rpx">
+				<view class="w-full text-center sub-text-28 p-y-20rpx rounded-40rpx border-solid border border-#0094ff" @tap="doLogout">
+					退出登录
+				</view>
 			</view>
-		</view>
-		<view v-if="state.appInfo == 'sh'" class="flex-col-center m-t-40rpx m-x-30rpx">
-			<view class="w-full text-center sub-text-28 p-y-20rpx rounded-40rpx border-solid border border-#0094ff" @tap="doChangeRole">
-				切换角色
+			<view class="h-30rpx" />
+			<view v-if="state.appInfo == 'sh'" class="flex-col-center m-t-40rpx m-x-30rpx">
+				<view class="w-full text-center sub-text-28 p-y-20rpx rounded-40rpx border-solid border border-#0094ff" @tap="doChangeRole">
+					切换角色
+				</view>
 			</view>
-		</view>
 
-		<view class="absolute bottom-0 left-0 right-0 second-text-26 text-center my-1">
-			<text>联系热线：</text>
-			<text @click="doPhone('18367908152')">18367908152</text>
-			&nbsp;
-			<text @click="doPhone('15657370065')">15657370065</text>
-		</view>
+			<view class="h-30rpx" />
+
+			<view class="second-text-26 text-center">
+				<text>联系热线：</text>
+				<text @click="doPhone('18367908152')">18367908152</text>
+				&nbsp;
+				<text @click="doPhone('15657370065')">15657370065</text>
+			</view>
+			<view class="h-10rpx" />
+		</tm-sticky>
 	</crud-layout>
 </template>
 
@@ -78,8 +85,8 @@ const state = reactive<{
 		{ text: "扫一扫", icon: "/static/icon/scan.png", router: "" },
 		{ text: "钱包管理", icon: "/static/icon/service_3.png", router: "/pages/wallet/list" },
 		// { text: "包厢预定", icon: "/static/icon/service_4.png", router: "/pages/boxes/apply-list" },
-		// { text: "外来人员就餐", icon: "/static/icon/service_1.png", router: "/pages/apply/foreign-list" },
-		// { text: "跨单位就餐", icon: "/static/icon/service_1.png", router: "/pages/apply/stride-list" },
+		{ text: "外来人员就餐", icon: "/static/icon/service_1.png", router: "/pages/apply/foreign-list" },
+		{ text: "跨单位就餐", icon: "/static/icon/service_1.png", router: "/pages/apply/stride-list" },
 		{ text: "人脸管理", icon: "/static/icon/service_5.png", router: "/pages/human-face/list" },
 		{ text: "清除缓存", icon: "/static/icon/clear-storage.png", router: "" },
 	],