From d6f09178ac2fd8dad6e83216d0afcfbe9d91cc62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=81=E6=9D=B0?= <727475508@qq.com>
Date: Thu, 21 May 2026 16:52:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E4=BF=AE=E6=94=B9=EF=BC=8C=E6=96=B0=E5=A2=9E=E6=88=91?=
 =?UTF-8?q?=E7=9A=84=E6=94=B6=E8=97=8F=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json              |    6 +
 pages/my/my.vue         | 2977 ++++++++++++++++++++-------------------
 pages/my/myFavorite.vue |   22 +
 3 files changed, 1555 insertions(+), 1450 deletions(-)
 create mode 100644 pages/my/myFavorite.vue

diff --git a/pages.json b/pages.json
index f10ced4..7d21046 100644
--- a/pages.json
+++ b/pages.json
@@ -951,6 +951,12 @@
 			"style": {
 				"navigationBarTitleText": "拍摄技巧"
 			}
+		},
+		{
+			"path": "pages/my/myFavorite",
+			"style": {
+				"navigationBarTitleText": "我的收藏"
+			}
 		}
 
 
diff --git a/pages/my/my.vue b/pages/my/my.vue
index ba8c00a..9e3c59a 100644
--- a/pages/my/my.vue
+++ b/pages/my/my.vue
@@ -1,1451 +1,1528 @@
-<template>
-	<view class="my-page">
-		<!-- 顶部导航栏 -->
-		<!-- <custom-navbar
-      title="我的"
-      :show-back="false"
-      title-color="#333333"
-      :backgroundColor="backgroundColor"
-    ></custom-navbar> -->
-
-		<!-- 用户信息区域 -->
-		<view class="user-section" v-if="isLogin">
-			<view class="user-info">
-				<view class="user-info-left">
-					<view class="avatar">
-						<image :src="!userInfo.head_photo ? baseAvartar : userInfo.head_photo" mode="aspectFill"
-							class="avatar-img"></image>
-						<button class="avatar-button"></button>
-						<!-- open-type="chooseAvatar" -->
-						<!-- @chooseavatar="getAvatar" -->
-					</view>
-
-					<view class="user-detail" @click="goToProfile">
-						<view class="nickname">
-							<text class="nickname-text">{{
-                userInfo.name || userInfo.nick_name || ""
-              }}</text>
-						</view>
-						<view class="user_detail_tip">
-							<view class="user_detail_tip_phone" v-if="id_type !== 0">
-								资料编辑
-								<image mode="aspectFill"
-									src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/6a4b7bc9-174a-471a-9bf5-6ba167005960" />
-							</view>
-							<view v-else class="user_detail_tip_phone" style="color: #999999">美融融小程序欢迎您</view>
-						</view>
-					</view>
-				</view>
-				<view class="user-info-right" @click="goToWallet">
-					<view class="wallet_content">
-						<image
-							src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/931c0992-5243-4c70-ab2b-b99b430661c8.png"
-							mode="aspectFill" class="wallet_content_img"></image>
-						<view class="wallet_content_text">钱包余额：<text style="color: #e8101e">{{ userInfo.money }}元</text>
-						</view>
-					</view>
-				</view>
-			</view>
-			<view class="authentication" v-if="id_type == 2 && !isBind">
-				<view @click="goTypeSelect" class="authentication_content">
-					<image mode="aspectFill" class="authentication_img"
-						src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/ed8bc685-33bd-48cf-8058-85b07b9be0dc.png" />
-					<view class="authentication_text">申请成为平台商家</view>
-				</view>
-			</view>
-			<view class="inviteMessage" v-if="inviteList.length > 0">
-				<view class="inviteMessage_content">
-					<image mode="widthFix" class="inviteMessage_img"
-						src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/7f577210-2d63-4146-af09-bcaf3db85a49.png" />
-					<view class="inviteMessage_text">您有{{ inviteList.length }}条商家邀请</view>
-				</view>
-				<image @click="goToInviteList" mode="aspectFill" class="btn_img"
-					src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/f2483bec-bbe7-4f2c-a6fd-e40a0accae82.png" />
-			</view>
-		</view>
-		<!-- 用户相关信息 -->
-		<view class="user-section" v-else>
-			<view class="user-info">
-				<view class="user-info-left" @click="goLogin">
-					<image
-						src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/4b48d973-d219-4cac-b206-675c192d0cff"
-						mode="aspectFill" class="avatar"></image>
-					<view class="user-detail">
-						<text class="nickname"> 请点击登录 </text>
-						<text class="user-detail-tip">美融融商家欢迎您</text>
-					</view>
-				</view>
-			</view>
-		</view>
-
-		<view class="order-card">
-			<template v-for="card in currentCardList">
-				<view class="function-list" v-if="card.type == 'line'">
-					<view class="function-title">{{ card.title }}</view>
-					<view class="function-grid">
-						<view class="grid-item" v-for="(item, index) in card.list" :key="index"
-							@click="handleFunction(item)">
-							<view class="icon-wrapper">
-								<image :src="item.icon" class="grid-icon" mode="widthFix"></image>
-							</view>
-							<text class="grid-text">{{ item.text }}</text>
-						</view>
-					</view>
-				</view>
-				<view class="function-list" style="padding: 24rpx; padding-bottom: 28rpx"
-					v-if="card.type == 'lineCard'">
-					<view class="lineCard-title">{{ card.title }}</view>
-					<view class="lineCard-grid">
-						<image v-for="(item, index) in card.list" :src="item.url" mode="widthFix"
-							@click="handleFunction(item)"></image>
-					</view>
-				</view>
-				<view class="imagePure" v-if="card.type == 'imagePure'">
-					<image @click="handleFunction(card)" :src="card.url" mode="widthFix"></image>
-				</view>
-				<view class="image-list" v-if="card.type == 'image'">
-					<view class="image-title">{{ card.title }}</view>
-					<image @click="handleFunction(card)" :src="card.url" mode="widthFix"></image>
-				</view>
-				<view class="imageText-list" v-if="card.type == 'imageText'">
-					<view class="imageText-title">{{ card.title }}</view>
-					<view class="imageText-content">
-						<image :src="card.url" mode="widthFix"></image>
-						<view class="text-status">入驻成功啦！</view>
-						<view class="text-next">下一步:等待<text style="color: #e8101e">专属门店商家邀约绑定</text>，解锁订单资源与服</view>
-						<view class="text-next">务通道，开启高效变现、共创共赢的新旅程～</view>
-					</view>
-				</view>
-			</template>
-		</view>
-
-		<tipsPopup2 :show="tipShow" @closePopup="closePopup" sureText="确认" @okBtn="okBtn">
-			{{ tipsText }}
-		</tipsPopup2>
-		<TabBar :selected="2"></TabBar>
-	</view>
-</template>
-
-<script>
-	import TabBar from "@/components/tabbar/tabbar.vue"
-	import tipsPopup2 from "@/components/tips-popup/tips-popup2";
-	import CustomNavbar from "@/components/custom-navbar/custom-navbar.vue";
-	import request from "@/utils/request";
-	export default {
-		components: {
-			CustomNavbar,
-			tipsPopup2,
-			TabBar
-		},
-		data() {
-			return {
-				tipType: "", //提示弹窗类型
-				userInfo: {},
-				baseAvartar: "https://app.mrrweb.com.cn" + "/public/images/headanimal.png",
-				cardList: [{
-						type: "image",
-						title: "基础功能",
-						id_type: 0,
-						url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/aa9fa8d6-8d85-4dce-875a-e71e02595198.png",
-						path: "/pages/ruzhu/ruzhu",
-					},
-					{
-						type: "lineCard",
-						title: "管理中心",
-
-						list: [{
-								title: "员工管理",
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/a9c13cce-f3e1-4ac1-9881-d39dc2b813ff.png",
-								path: "/pages/shop/staff/manage",
-								go_id_type: 1,
-							},
-							{
-								title: "服务分配",
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/673f9885-3be1-4769-b417-b675b8ac5099.png",
-								path: "/pages/shop/staff/distribution-service",
-								go_id_type: 1,
-							},
-						],
-					},
-					{
-						type: "lineCard",
-						title: "交易项目",
-
-						list: [{
-								title: "服务管理",
-								path: "/pages/artisan/service-list",
-								go_id_type: 1,
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/c4a8df11-b4c0-46e3-a72e-7bbb20bbbd6a.png",
-							},
-							{
-								title: "工位管理",
-								path: "/pages/shop/workSpace/list",
-								go_id_type: 1,
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/d4c59f74-34a5-4e0f-b3be-766342e4d6e9.png",
-							},
-							{
-								title: "购买服务",
-								path: "/pages/shop/buy-service",
-								go_id_type: 1,
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/285172ae-9757-472f-b466-73d5cc78d82a.png",
-							},
-							{
-								title: "购买工时",
-								path: "/pages/shop/manHour/buyManHour",
-								go_id_type: 1,
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/9a13b1d0-3099-4e52-8d43-549f2520c1ca.png",
-							},
-						],
-					},
-					{
-						type: "lineCard",
-						title: "交易订单",
-
-						list: [{
-								title: "用户订单",
-								path: "/pages/shop/userorders",
-								go_id_type: 1,
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/1ca76fe3-21fc-408d-a453-4b253e377e46.png",
-							},
-							{
-								title: "工位订单",
-								path: "/pages/shop/workSpace/saleList",
-								go_id_type: 1,
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/6ebd42c1-09a4-4ed1-8b82-de6db52f6cda.png",
-							},
-							{
-								title: "服务订单",
-								path: "/pages/shop/buy-order",
-								go_id_type: 1,
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/65c5d29b-9aa6-4dd0-b766-baa484d1e5fe.png",
-							},
-							{
-								title: "工时订单",
-								path: "/pages/shop/manHour/saleList",
-								go_id_type: 1,
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/f4b1628d-9d2e-4de0-90a8-bd2c83dad2af.png",
-							},
-						],
-					},
-					{
-						type: "lineCard",
-						title: "营销中心",
-
-						list: [{
-								title: "拼团管理",
-								path: "/pages/shop/groupBuying/list",
-								go_id_type: 1,
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/9a93bf6a-4387-460e-afb5-80441e4e7310.png",
-							},
-							{
-								title: "日常推广",
-								path: "/pages/promotion/promotion",
-								go_id_type: 1,
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/b7419b23-2241-4b32-98f2-603bb479bcc1.png",
-							},
-						],
-					},
-					{
-						type: "lineCard",
-						title: "平台自营项目",
-						id_type: 1,
-						self_state: true,
-						list: [{
-								text: "自营服务",
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/b0faf058-e824-4d8b-a4fa-17d3e90b04ec.png",
-								path: "/pages/selfOperated/list",
-							},
-							{
-								text: "自营订单",
-								url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/b1dc0fc5-13be-4e21-8942-929edd42195b.png",
-								path: "/pages/shop/userorders?serviceType=2",
-							},
-						],
-					},
-					{
-						type: "imagePure",
-						title: "",
-						id_type: 1,
-						self_state: false,
-						url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/30b42fe6-21f9-443f-a091-5439d57e3593.png",
-						path: "/pages/selfOperated/agreement?title=平台自营项目介绍&type=18",
-					},
-					{
-						type: "line",
-						title: "我的服务",
-						list: [{
-								text: "联系平台",
-								icon: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/930a458a-9d2a-4543-a39c-399bb5bb5290.png",
-								path: "/pages/contact/contact",
-							},
-							{
-								text: "设置",
-								icon: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/0e0676c1-aa2b-4b3f-b9d5-c020c566cc85.png",
-								path: "",
-								type: "setting",
-								isNeedLogin: true,
-							},
-						],
-					},
-				],
-
-				isLogin: false,
-				tipsText: "",
-				tipShow: false,
-				scrollTop: 0,
-				inviteList: [],
-				// 账号停用弹窗控制
-				stopUseModal: false,
-			};
-		},
-		onPageScroll(e) {
-			this.scrollTop = e.scrollTop;
-		},
-		computed: {
-			id_type() {
-				return this.userInfo?.id_type || 0;
-			},
-			isBind() {
-				return this.userInfo.bind_count > 0;
-			},
-
-			// 判断是否账号已停止使用
-			isAccountDisabled() {
-				return this.userInfo?.is_ok === 2;
-			},
-
-			currentCardList() {
-				return this.cardList
-					.filter((card) => this.checkShow(card))
-					.map((item) => ({
-						...item,
-						list: item.list?.filter((card) => this.checkShow(card)),
-					}));
-			},
-			backgroundColor() {
-				if (this.scrollTop > 10) {
-					return `rgba(255, 255, 255, ${0.02 * this.scrollTop});`;
-				}
-				return "transparent";
-			},
-		},
-		onLoad() {
-			uni.hideTabBar();
-			const systemInfo = uni.getSystemInfoSync();
-			const statusBarHeight = systemInfo.statusBarHeight;
-			// 导航栏主体高度：iOS一般44px，Android一般48px（可自定义）
-			const navMainHeight = systemInfo.platform === "ios" ? 44 : 48;
-			// 绑定2个CSS变量：状态栏高度、导航栏主体高度
-			this.cssVars = {
-				"--status-bar-height": `${statusBarHeight}px`,
-				"--nav-main-height": `${navMainHeight}px`,
-			};
-		},
-		onShow() {
-			this.isLogin = uni.getStorageSync("accessToken") ? true : false;
-			if (!this.isLogin) {} else {
-				// 获取用户信息
-				this.getUserInfo();
-			}
-		},
-		methods: {
-			// 检查是否允许访问的方法
-			checkAccess(item) {
-				// 如果账号未停止使用，允许访问所有
-				if (!this.isAccountDisabled) {
-					return true;
-				}
-
-				// 账号已停止使用时，只允许特定的路径访问
-				// 允许访问的路径列表
-				const allowedPaths = [
-					"/subPackages/other/contact/contact", // 联系平台
-				];
-
-				const allowedTypes = ["logout"]; // 退出登录
-
-				// 检查是否在允许列表中
-				if (item.type && allowedTypes.includes(item.type)) {
-					return true;
-				}
-
-				if (item.path && allowedPaths.includes(item.path)) {
-					return true;
-				}
-
-				// 其他情况不允许访问
-				this.showStopUseModal();
-				return false;
-			},
-
-			// 显示账号停用提示
-			showStopUseModal() {
-				uni.showModal({
-					title: "提示",
-					content: "您的账号已停止使用。若有疑问或恢复需求，请尽快联系平台工作人员核实处理。",
-					showCancel: false,
-					confirmText: "我知道了",
-				});
-			},
-
-			checkShow(card) {
-				if (card.id_type != undefined && card.id_type != this.id_type) {
-					return false;
-				}
-				if (card.isNeedLogin != undefined) {
-					return this.isLogin;
-				}
-				if (
-					card.self_state != undefined &&
-					(card.self_state ?
-						this.userInfo.self_state != 1 :
-						this.userInfo.self_state == 1)
-				) {
-					return false;
-				}
-				return true;
-			},
-			// 去权益界面
-			goToRights() {
-				// 添加访问检查
-				if (this.isAccountDisabled) {
-					this.showStopUseModal();
-					return;
-				}
-				uni.navigateTo({
-					url: "/subPackages/other/agreement/agreement?type=16&title=权益说明",
-				});
-			},
-			goToWallet() {
-				uni.navigateTo({
-					url: "/pages/wallet/wallet",
-				});
-			},
-			saveToast() {
-				setTimeout(() => {
-					uni.showToast({
-						title: "保存成功！",
-						icon: "none",
-					});
-				}, 500);
-			},
-			async getAvatar(e) {
-				// 添加访问检查
-				if (this.isAccountDisabled) {
-					this.showStopUseModal();
-					return;
-				}
-				console.log("getAvatar:", e);
-				const tempFilePath = e.detail.avatarUrl; // 获取临时文件路径
-				try {
-					// 4. 生成唯一文件名（防止OSS文件覆盖，推荐格式：目录/时间戳-随机数.后缀）
-					const filename = `${Date.now()}-${Math.floor(
-          Math.random() * 1000,
-        )}.jpg`;
-
-					// 5. 显示上传中loading（提升用户体验）
-					uni.showLoading({
-						title: "上传中...",
-						mask: true,
-					});
-
-					// 6. 调用后端接口，获取OSS临时上传参数（关键：OSS不允许前端直接传密钥，需后端签名）
-					const ossConfig = await this.getOssUploadConfig(filename);
-					if (!ossConfig) {
-						uni.hideLoading();
-						uni.showToast({
-							title: "获取上传配置失败",
-							icon: "none",
-						});
-						return;
-					}
-
-					// 7. 上传图片到阿里云OSS（使用UniApp uploadFile，适配小程序）
-					await this.uploadToOss(tempFilePath, ossConfig);
-
-					// 8. 上传成功后续操作（如更新页面头像、通知后端更新用户信息）
-					const ossFileUrl = `${ossConfig.host}/${ossConfig.dir}${filename}`; // OSS文件最终URL
-					uni.hideLoading();
-					uni.showToast({
-						title: "头像上传成功",
-					});
-					console.log("OSS图片URL:", ossFileUrl);
-					this.saveProfile(ossFileUrl);
-				} catch (error) {
-					uni.hideLoading();
-					console.error("头像上传异常:", error);
-				}
-			},
-			// 保存资料
-			saveProfile(url) {
-				// 添加访问检查
-				if (this.isAccountDisabled) {
-					this.showStopUseModal();
-					return;
-				}
-				uni.showLoading({
-					title: "保存中...",
-				});
-				let head_photo = url;
-				let {
-					nick_name,
-					sex,
-					dependency
-				} = this.userInfo;
-				request
-					.post("/syr/User/editUser", {
-						nick_name,
-						head_photo,
-						sex,
-						dependency,
-					})
-					.then((res) => {
-						uni.hideLoading();
-						this.userInfo.head_photo = url;
-						uni.showToast({
-							title: "保存成功！",
-							icon: "none",
-						});
-					});
-			},
-			//调用后端接口，获取OSS临时上传参数（关键：OSS不允许前端直接传密钥，需后端签名）
-			async getOssUploadConfig(filename) {
-				// 添加访问检查
-				if (this.isAccountDisabled) {
-					this.showStopUseModal();
-					return;
-				}
-				try {
-					// 调用后端接口，传递文件名（后端需根据filename生成对应的dir和key）
-					const res = await request.post("/user/getalioss", {
-						type: 1, // 后端定义的业务类型（如1=头像）
-						kind: 1, // 后端定义的参数（按实际接口调整）
-						filename: filename, // 告知后端当前要上传的文件名，用于生成OSS的key
-					});
-					return {
-						...res,
-						filename,
-					}; // 格式示例：{ host: "https://xxx.oss-cn-beijing.aliyuncs.com", policy: "...", OSSAccessKeyId: "...", signature: "...", dir: "user/avatar/" }
-				} catch (error) {
-					console.error("获取OSS配置失败:", error);
-					throw error;
-				}
-			},
-			//上传oss
-			async uploadToOss(tempFilePath, ossConfig) {
-				return new Promise((resolve, reject) => {
-					// 构造OSS上传的FormData参数（严格按OSS要求的字段名）
-					const formData = {
-						name: ossConfig.filename, // 文件名（与后端协商的key一致）
-						policy: ossConfig.policy, // OSS临时授权policy
-						OSSAccessKeyId: ossConfig
-						.ossAccessKeyId, // 临时AccessKeyId（注意字段名：后端返回可能是ossAccessKeyId或OSSAccessKeyId，需对齐）
-						signature: ossConfig.signature, // 签名
-						success_action_status: "200", // OSS上传成功后返回200状态码（必须设置）
-						key: ossConfig.dir + ossConfig.filename ||
-							ossConfig.dir + tempFilePath.split("/")
-						.pop(), // OSS存储的完整key（dir + filename，核心字段）
-					};
-
-					// 调用UniApp上传API（小程序推荐用这个，比fetch稳定）
-					uni.uploadFile({
-						url: ossConfig.host, // OSS的Endpoint（如https://xxx.oss-cn-beijing.aliyuncs.com）
-						filePath: tempFilePath, // 小程序临时文件路径
-						name: "file", // OSS要求的文件字段名（固定为"file"，后端需与OSS配置一致）
-						formData: formData, // OSS上传所需的表单参数
-						timeout: 30000, // 超时时间（30秒，防止大文件上传超时）
-						success: (uploadRes) => {
-							// OSS上传成功的判断：statusCode为200且响应体为空（OSS特性）
-							if (uploadRes.statusCode === 200) {
-								resolve();
-							} else {
-								reject(new Error(`OSS上传失败，状态码: ${uploadRes.statusCode}`));
-							}
-						},
-						fail: (err) => {
-							reject(new Error(`上传请求失败: ${err.errMsg}`));
-						},
-					});
-				});
-			},
-			closePopup() {
-				this.tipShow = false;
-				//uni.showTabBar();
-			},
-
-			okBtn() {
-				// 添加访问检查
-				if (this.isAccountDisabled) {
-					this.showStopUseModal();
-					return;
-				}
-				if (this.tipType == "tjRuzhu") {
-					getApp().globalData.artisanType = 2;
-					if (this.userInfo.is_ok == 2) {
-						uni.navigateTo({
-							url: "/subPackages/ruzhu/stopuse",
-						});
-						return;
-					}
-					//如果现在身份是推荐官认证中身份是推荐官
-					if (
-						this.userInfo.id_type == 1 &&
-						this.userInfo.auth_info?.id_type == 1
-					) {
-						uni.navigateTo({
-							url: "/subPackages/ruzhu/complete?id_type=1",
-						});
-						return;
-					}
-					if (!this.userInfo.auth_info?.apply_state) {
-						//如果没有认证中信息
-						uni.navigateTo({
-							url: "/subPackages/ruzhu/complete",
-						});
-					} else {
-						//如果认证中信息apply_state状态不同
-						if (this.userInfo.auth_info.apply_state == 1) {
-							uni.navigateTo({
-								url: "/subPackages/ruzhu/submitres?applyState=1",
-							});
-						} else if (this.userInfo.auth_info.apply_state == 2) {
-							uni.navigateTo({
-								url: "/subPackages/ruzhu/submitres?applyState=2",
-							});
-						} else if (this.userInfo.auth_info.apply_state == 3) {
-							uni.navigateTo({
-								url: "/subPackages/ruzhu/submitres?applyState=3",
-							});
-						}
-					}
-				} else if (this.tipType == "login") {
-					uni.navigateTo({
-						url: "/pages/blogPopup/blogPopup",
-					});
-				}
-				// uni.showTabBar();
-			},
-			getUserInfo() {
-				request.post("/sj/user/getUser").then((result) => {
-					this.userInfo = result.data;
-					uni.setStorageSync("syrId", result.data.id);
-				});
-				this.getInviteList();
-			},
-			async goLogin() {
-				// 添加访问检查
-				if (this.isAccountDisabled) {
-					this.showStopUseModal();
-					return;
-				}
-				this.tipsText = "您现在还未登录，是否确定登录？";
-				this.tipShow = true;
-				this.tipType = "login";
-				uni.hideTabBar();
-			},
-
-			goToOrderList(type) {
-				// 添加访问检查
-				if (this.isAccountDisabled) {
-					this.showStopUseModal();
-					return;
-				}
-				if (!this.isLogin) {
-					uni.showToast({
-						title: "您暂未登录，无法使用此功能！",
-						icon: "none",
-					});
-					return;
-				}
-			},
-			logout() {
-				uni.showModal({
-					title: "提示",
-					content: "确定要退出登录吗？",
-					success: (res) => {
-						if (res.confirm) {
-							// uni.removeStorageSync('access_token');
-							// uni.removeStorageSync('refresh_token');
-							uni.clearStorageSync();
-							// TODO: 实现退出登录逻辑
-							uni.reLaunch({
-								url: "/pages/home/home",
-							});
-						}
-					},
-				});
-			},
-			async handleFunction(item) {
-				// 如果是退出登录，直接处理，不检查账号状态
-				if (this.isLogin && item.type === "setting") {
-					uni.navigateTo({
-						url: `/pages/settings/index`,
-					});
-					return;
-				}
-
-				// 检查账号状态，如果不允许访问，直接返回
-				if (!this.checkAccess(item)) {
-					return;
-				}
-
-				// if (!this.isLogin) {
-				//   uni.showToast({
-				//     title: "您暂未登录，无法使用此功能！",
-				//     icon: "none",
-				//   });
-				//   return;
-				// }
-
-				if (item.path == "/pages/ruzhu/ruzhu") {
-					request.post("/sj/userSjAuth/details", {
-						type: 1
-					}).then((res) => {
-						if (res.code == 200 && res.data && res.data.apply_state != 2) {
-							uni.navigateTo({
-								url: `/pages/ruzhu/submitres?identity=${res.data.id_type}&applyState=${res.data.apply_state}`,
-							});
-						} else {
-							uni.navigateTo({
-								url: item.path,
-							});
-						}
-					});
-
-					return;
-				}
-				if (item.type) {
-					uni.navigateTo({
-						url: `${item.path}?type=${item.type}`,
-					});
-				} else {
-					if (item.go_id_type == 1 && this.userInfo?.id_type == 0) {
-						uni.showToast({
-							title: `您暂未入驻，无法使用${ item.title }！`,
-							icon: "none",
-						});
-						return;
-					}
-					if(!this.isLogin && item.go_id_type){
-						uni.showToast({
-							title: `您暂未登录，无法使用${ item.title }！`,
-							icon: "none",
-						});
-						return;
-					}
-					uni.navigateTo({
-						url: `${item.path}`,
-					});
-				}
-			},
-			goToProfile() {
-				// 添加访问检查
-				if (this.isAccountDisabled) {
-					this.showStopUseModal();
-					return;
-				}
-				if (this.userInfo.id_type == 0) {
-					return;
-				}
-				uni.navigateTo({
-					url: "/pages/artisan/profile",
-				});
-			},
-			goToInviteList() {
-				// 添加访问检查
-				if (this.isAccountDisabled) {
-					this.showStopUseModal();
-					return;
-				}
-				if (this.userInfo.id_type == 0) {
-					return;
-				}
-				uni.navigateTo({
-					url: "/subPackages/affiliated/inviteList?type=" + this.id_type,
-				});
-			},
-			getInviteList() {
-				request
-					.post("/syr/sjSyrBind/inviteList", {
-						page: 1,
-						limit: 999
-					})
-					.then((res) => {
-						this.inviteList = res.data.list;
-					});
-			},
-			goTypeSelect() {
-				// 添加访问检查
-				if (this.isAccountDisabled) {
-					this.showStopUseModal();
-					return;
-				}
-				request
-					.post("/syr/userSyrAuth/details", {
-						type: 1,
-						id_type: 1
-					})
-					.then((res) => {
-						if (res.code == 200 && res.data && res.data.apply_state != 2) {
-							uni.navigateTo({
-								url: `/subPackages/ruzhu/submitres?identity=${res.data.id_type}&applyState=${res.data.apply_state}`,
-							});
-						} else {
-							uni.navigateTo({
-								url: "/subPackages/ruzhu/typeSelect?id_type=1",
-							});
-						}
-					});
-			},
-		},
-	};
-</script>
-
-<style lang="less">
-	page {
-		background: #f5f5f5 !important;
-	}
-
-	.my-page {
-		/* min-height: 100vh; */
-		position: relative;
-		padding-bottom: 50rpx;
-		padding-top: var(--status-bar-height);
-		background-image: url("https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/825812de-54b3-486a-a3a0-2c4a1fb9fd28.png");
-		background-position: 0 0;
-		background-size: 100%;
-		background-repeat: no-repeat;
-		padding-bottom: 150rpx;
-	}
-
-	// .my-page::before {
-	//   content: "";
-	//   position: fixed;
-	//   top: 0;
-	//   left: 0;
-	//   right: 0;
-	//   height: 489rpx !important;
-	//   background-image: url("https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/825812de-54b3-486a-a3a0-2c4a1fb9fd28.png");
-	//   background-size: cover;
-	//   background-position: center top;
-	//   background-repeat: no-repeat;
-	//   z-index: -1;
-	// }
-
-	/* 确保内容在背景之上 */
-	.user-section,
-	.order-section,
-	.function-list,
-	.user-stats,
-	.image-list,
-	.imageText-list,
-	.info_section {
-		position: relative;
-		z-index: 99;
-		margin: 0 30rpx;
-	}
-
-	/* 用户信息区域 */
-	.user-section {
-		background-color: transparent;
-		box-sizing: border-box;
-		padding-bottom: 40rpx;
-		padding-top: 26rpx;
-
-		.upgradeBanner {
-			padding-top: 40rpx;
-			width: 690rpx;
-			height: 114rpx;
-			position: relative;
-
-			.upgradeBanner-img {
-				width: 690rpx;
-				height: 114rpx;
-			}
-
-			.upgradeBanner-btn {
-				position: absolute;
-				left: 304rpx;
-				bottom: 20rpx;
-				width: 100rpx;
-				height: 40rpx;
-			}
-		}
-
-		.user-info {
-			display: flex;
-			flex-flow: row nowrap;
-			justify-content: space-between;
-			align-items: center;
-
-			.user-info-left {
-				display: flex;
-				flex-flow: row nowrap;
-				justify-content: flex-start;
-				align-items: center;
-
-				.avatar {
-					width: 124rpx;
-					height: 124rpx;
-					border: 4rpx solid #fff;
-					box-sizing: border-box;
-					border-radius: 64rpx;
-					margin-right: 20rpx;
-					overflow: hidden;
-					position: relative;
-
-					.avatar-img {
-						width: 116rpx;
-						height: 116rpx;
-						border-radius: 64rpx;
-						margin-right: 20rpx;
-					}
-
-					.avatar-button {
-						position: absolute;
-						inset: 0;
-						margin: auto;
-					}
-				}
-
-				.user-detail {
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-					align-items: flex-start;
-
-					.nickname {
-						font-weight: 500;
-						font-size: 32rpx;
-						color: #333333;
-						line-height: 45rpx;
-						text-align: left;
-						font-style: normal;
-						display: flex;
-						align-items: center;
-						justify-content: center;
-
-						.nickname-text {
-							max-width: 250rpx;
-							white-space: nowrap;
-							overflow: hidden;
-							text-overflow: ellipsis;
-						}
-
-						.inviteCode {
-							padding: 6rpx;
-							font-weight: 400;
-							font-size: 20rpx;
-							color: #7e4e5b;
-							line-height: 28rpx;
-							text-align: left;
-							font-style: normal;
-							background: rgba(255, 255, 255, 0.3);
-							border-radius: 6rpx;
-							margin-left: 6rpx;
-						}
-					}
-
-					.user-detail-tip {
-						font-weight: 400;
-						font-size: 22rpx;
-						color: #999999;
-						line-height: 30rpx;
-						text-align: left;
-						font-style: normal;
-						margin-top: 12rpx;
-					}
-
-					.user-identity {
-						margin-top: 10rpx;
-						border: 1rpx solid #e8101e;
-						border-radius: 22rpx;
-						width: 112rpx;
-						height: 44rpx;
-						line-height: 44rpx;
-						text-align: center;
-						background-color: rgba(255, 241, 241, 1);
-
-						.identity-text {
-							font-size: 20rpx;
-							color: #e8101e;
-							font-weight: 400;
-						}
-					}
-				}
-			}
-
-			.user-info-right {
-				transform: translateY(14rpx);
-
-				.wallet_content {
-					height: 48rpx;
-					padding: 0rpx 16rpx;
-					display: flex;
-					align-items: center;
-					background: rgba(252, 67, 124, 0.1);
-					border-radius: 24rpx;
-					border: 1rpx solid rgba(232, 16, 30, 0.15);
-				}
-
-				.wallet_content_img {
-					width: 29rpx;
-					height: 29rpx;
-					margin-right: 2rpx;
-				}
-
-				.wallet_content_text {
-					font-family:
-						PingFangSC,
-						PingFang SC;
-					font-weight: 500;
-					font-size: 22rpx;
-					color: #666666;
-					line-height: 30rpx;
-					text-align: left;
-				}
-			}
-		}
-	}
-
-	.authentication {
-		display: flex;
-		margin-top: 20rpx;
-
-		.authentication_content {
-			height: 48rpx;
-			padding: 0rpx 20rpx;
-			display: flex;
-			align-items: center;
-			background: #ffe8e8;
-			border-radius: 24rpx;
-			border: 1rpx solid rgba(232, 16, 30, 0.19);
-
-			.authentication_img {
-				width: 27rpx;
-				height: 29rpx;
-				margin-right: 7rpx;
-			}
-
-			.authentication_text {
-				font-family:
-					PingFangSC,
-					PingFang SC;
-				font-weight: 500;
-				font-size: 26rpx;
-				line-height: 37rpx;
-				color: #333333;
-			}
-		}
-	}
-
-	.inviteMessage {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-top: 54rpx;
-		background: linear-gradient(320deg, #ffffff 0%, #ffffff 100%);
-		border-radius: 19rpx;
-		padding-right: 40rpx;
-
-		.inviteMessage_content {
-			height: 80rpx;
-			padding: 0rpx 20rpx;
-			display: flex;
-			align-items: center;
-			border-radius: 24rpx;
-
-			.inviteMessage_img {
-				width: 42rpx;
-				height: 42rpx;
-				margin-right: 20rpx;
-				flex-shrink: 0;
-			}
-
-			.inviteMessage_text {
-				font-family:
-					PingFangSC,
-					PingFang SC;
-				font-weight: 500;
-				font-size: 26rpx;
-				line-height: 37rpx;
-				color: #333333;
-			}
-		}
-
-		.btn_img {
-			width: 130rpx;
-			height: 54rpx;
-		}
-	}
-
-	.bottom0 {
-		margin-bottom: 0;
-	}
-
-	.user-stats {
-		border-radius: 20rpx;
-		background-color: #fff;
-		box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.05);
-		display: flex;
-		justify-content: space-around;
-	}
-
-	.stat-item {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
-
-	.stat-icon {
-		width: 64rpx;
-		height: 64rpx;
-		margin-bottom: 8rpx;
-	}
-
-	.stat-label {
-		font-size: 26rpx;
-		color: #252525;
-		font-weight: 400;
-	}
-
-	.order-card {
-		// background: linear-gradient(180deg, #FBF5F8 0%, #F6F6F6 100%);
-		border-radius: 30rpx 30rpx 0rpx 0rpx;
-		// padding-top: 30rpx;
-		display: flex;
-		flex-direction: column;
-		gap: 20rpx;
-	}
-
-	/* 订单状态区域 */
-	.order-section {
-		background: #ffffff;
-		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(210, 213, 224, 0.5);
-		border-radius: 24rpx;
-		margin-bottom: 24rpx;
-		padding: 30rpx 20rpx 40rpx 20rpx;
-
-		.order-title {
-			font-weight: 500;
-			font-size: 32rpx;
-			color: #333333;
-			line-height: 45rpx;
-			text-align: left;
-			font-style: normal;
-			margin-bottom: 30rpx;
-		}
-
-		.order-status {
-			display: flex;
-			justify-content: space-between;
-			padding: 0rpx;
-			box-sizing: border-box;
-
-			.status-item {
-				display: flex;
-				flex-direction: column;
-				align-items: center;
-
-				.status-icon {
-					width: 200rpx;
-					height: 169rpx;
-				}
-			}
-		}
-	}
-
-	/* 功能列表 */
-	.function-list {
-		background: #ffffff;
-		border-radius: 24rpx;
-		padding: 30rpx;
-		padding-bottom: 50rpx;
-
-		.function-title {
-			font-weight: 500;
-			font-size: 32rpx;
-			color: #252525;
-			line-height: 36rpx;
-			text-align: left;
-			font-style: normal;
-			margin-bottom: 50rpx;
-		}
-
-		.function-grid {
-			display: flex;
-			flex-direction: column;
-			gap: 63rpx;
-
-			.grid-item {
-				display: flex;
-				align-items: center;
-				position: relative;
-				gap: 21rpx;
-
-				.icon-wrapper {
-					width: 42rpx;
-					height: 42rpx;
-					position: relative;
-					// margin-bottom: 12rpx;
-
-					.grid-icon {
-						width: 42rpx;
-						height: 42rpx;
-					}
-				}
-
-				.grid-text {
-					font-weight: 400;
-					font-size: 30rpx;
-					color: #333333;
-					line-height: 42rpx;
-					text-align: left;
-					font-style: normal;
-				}
-			}
-
-			.grid-item::after {
-				position: absolute;
-				content: "";
-				width: 12rpx;
-				height: 24rpx;
-				right: 0rpx;
-				background-image: url("https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/gray_right_icon.png");
-				background-size: cover;
-			}
-		}
-
-		.lineCard-title {
-			font-weight: 500;
-			font-size: 32rpx;
-			color: #252525;
-			line-height: 36rpx;
-			text-align: left;
-			font-style: normal;
-			margin-bottom: 24rpx;
-		}
-
-		.lineCard-grid {
-			display: flex;
-			justify-content: space-between;
-			flex-wrap: wrap;
-			gap: 20rpx 0;
-
-			image {
-				width: 310rpx;
-				height: 120rpx;
-			}
-		}
-	}
-
-	/* 功能列表 */
-	.image-list {
-		background: #ffffff;
-		border-radius: 24rpx;
-		padding: 30rpx 20rpx;
-
-		.image-title {
-			font-weight: 500;
-			font-size: 32rpx;
-			color: #252525;
-			line-height: 36rpx;
-			text-align: left;
-			font-style: normal;
-			margin-bottom: 20rpx;
-		}
-
-		image {
-			width: 100%;
-			height: 148rpx;
-		}
-	}
-
-	.imageText-list {
-		background: #ffffff;
-		border-radius: 24rpx;
-		padding: 29rpx 27rpx 40rpx;
-
-		.imageText-title {
-			font-weight: 500;
-			font-size: 32rpx;
-			color: #252525;
-			line-height: 36rpx;
-			text-align: left;
-			font-style: normal;
-			margin-bottom: 11rpx;
-		}
-
-		.imageText-content {
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-
-			image {
-				width: 245rpx;
-				height: 171rpx;
-			}
-
-			.text-status {
-				font-family:
-					PingFangSC,
-					PingFang SC;
-				font-weight: 500;
-				font-size: 30rpx;
-				color: #000000;
-				margin-top: 20rpx;
-				margin-bottom: 22rpx;
-			}
-
-			.text-next {
-				font-family:
-					PingFangSC,
-					PingFang SC;
-				font-weight: 400;
-				font-size: 26rpx;
-				line-height: 37rpx;
-				color: #666666;
-				text-align: center;
-			}
-		}
-	}
-
-	.my-page::before {
-		height: 420rpx;
-	}
-
-	button {
-		background: transparent !important;
-		border: none !important;
-		border-radius: 0 !important;
-		padding: 0 !important;
-		min-width: auto !important;
-		height: auto !important;
-		line-height: normal !important;
-		color: inherit !important;
-		-webkit-tap-highlight-color: transparent !important;
-	}
-
-	button::after {
-		border: none !important;
-	}
-
-
-	.info_section {
-		display: flex;
-		justify-content: space-between;
-		margin-bottom: 20rpx;
-
-		.info_section_item {
-			width: 336rpx;
-			height: 193rpx;
-			background-size: cover;
-			background-position: center;
-			box-sizing: border-box;
-			display: flex;
-			flex-direction: column;
-			padding: 23rpx 26rpx 20rpx 26rpx;
-
-			.info_section_item_header {
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-				padding-bottom: 16rpx;
-				border-bottom: 2rpx solid rgba(210, 213, 224, 0.15);
-
-				.info_section_item_header_left {
-					display: flex;
-					align-items: center;
-					gap: 11rpx;
-				}
-
-				.info_section_item_img {
-					width: 35rpx;
-					height: 38rpx;
-				}
-
-				.info_section_item_label {
-					font-weight: 500;
-					font-size: 30rpx;
-					color: #333333;
-					line-height: 38rpx;
-					text-align: left;
-					font-style: normal;
-				}
-
-				.info_section_item_header_right {
-					image {
-						width: 10rpx;
-						height: 20rpx;
-					}
-				}
-			}
-
-			.info_section_item_subtitle {
-				font-size: 22rpx;
-				color: #999999;
-				line-height: 30rpx;
-				margin-top: 12rpx;
-				margin-bottom: 6rpx;
-			}
-
-			.info_section_item_content {
-				display: flex;
-				align-items: baseline;
-				font-family: DINPro, DINPro;
-				font-weight: 500;
-				font-size: 36rpx;
-				color: #333333;
-
-				.info_section_item_content_unit {
-					font-family:
-						PingFangSC,
-						PingFang SC;
-					font-weight: 500;
-					font-size: 20rpx;
-					color: #333333;
-					margin-left: 3rpx;
-				}
-			}
-		}
-	}
-
-	.user_detail_tip {
-		display: flex;
-		align-items: center;
-		gap: 12rpx;
-		margin-top: 10rpx;
-
-		.user_detail_tip_phone {
-			max-width: 230rpx;
-			height: 36rpx;
-			line-height: 36rpx;
-			border-radius: 6rpx;
-			font-size: 24rpx;
-			color: #666666;
-			box-sizing: border-box;
-			display: flex;
-			align-items: center;
-			gap: 7rpx;
-
-			image {
-				width: 8rpx;
-				height: 14rpx;
-			}
-		}
-
-		.user_detail_tip_invite_name {
-			max-width: 246rpx;
-			font-size: 22rpx;
-		}
-	}
-
-	.imagePure {
-		width: 690rpx;
-		margin: 0 auto;
-
-		image {
-			width: 100%;
-		}
-	}
+<template>
+	<view class="my-page">
+		<!-- 顶部导航栏 -->
+		<!-- <custom-navbar
+      title="我的"
+      :show-back="false"
+      title-color="#333333"
+      :backgroundColor="backgroundColor"
+    ></custom-navbar> -->
+
+		<!-- 用户信息区域 -->
+		<view class="user-section" v-if="isLogin">
+			<view class="user-info">
+				<view class="user-info-left">
+					<view class="avatar">
+						<image :src="!userInfo.head_photo ? baseAvartar : userInfo.head_photo" mode="aspectFill"
+							class="avatar-img"></image>
+						<button class="avatar-button"></button>
+						<!-- open-type="chooseAvatar" -->
+						<!-- @chooseavatar="getAvatar" -->
+					</view>
+
+					<view class="user-detail" @click="goToProfile">
+						<view class="nickname">
+							<text class="nickname-text">{{
+								userInfo.name || userInfo.nick_name || ""
+							}}</text>
+						</view>
+						<view class="user_detail_tip">
+							<view class="user_detail_tip_phone" v-if="id_type !== 0">
+								资料编辑
+								<image mode="aspectFill"
+									src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/6a4b7bc9-174a-471a-9bf5-6ba167005960" />
+							</view>
+							<view v-else class="user_detail_tip_phone" style="color: #999999">美融融小程序欢迎您</view>
+						</view>
+					</view>
+				</view>
+				<view class="user-info-right" @click="goToWallet">
+					<view class="wallet_content">
+						<image
+							src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/931c0992-5243-4c70-ab2b-b99b430661c8.png"
+							mode="aspectFill" class="wallet_content_img"></image>
+						<view class="wallet_content_text">钱包余额：<text style="color: #e8101e">{{ userInfo.money }}元</text>
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="authentication" v-if="id_type == 2 && !isBind">
+				<view @click="goTypeSelect" class="authentication_content">
+					<image mode="aspectFill" class="authentication_img"
+						src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/ed8bc685-33bd-48cf-8058-85b07b9be0dc.png" />
+					<view class="authentication_text">申请成为平台商家</view>
+				</view>
+			</view>
+			<view class="inviteMessage" v-if="inviteList.length > 0">
+				<view class="inviteMessage_content">
+					<image mode="widthFix" class="inviteMessage_img"
+						src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/bb9d15ac-ece5-4481-ae30-62f76ace032f.png" />
+					<view class="inviteMessage_text">您有{{ inviteList.length }}条商家邀请</view>
+				</view>
+				<image @click="goToInviteList" mode="aspectFill" class="btn_img"
+					src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/defe90dd-3e35-4582-ad45-b36f68681bcc.png" />
+			</view>
+		</view>
+		<!-- 用户相关信息 -->
+		<view class="user-section" v-else>
+			<view class="user-info">
+				<view class="user-info-left" @click="goLogin">
+					<image
+						src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/4b48d973-d219-4cac-b206-675c192d0cff"
+						mode="aspectFill" class="avatar"></image>
+					<view class="user-detail">
+						<text class="nickname"> 请点击登录 </text>
+						<text class="user-detail-tip">美融融商家欢迎您</text>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<view class="order-card">
+			<template v-for="card in currentCardList">
+				<view class="function-list" v-if="card.type == 'line'">
+					<view class="function-title">{{ card.title }}</view>
+					<view class="function-grid">
+						<view class="grid-item" v-for="(item, index) in card.list" :key="index"
+							@click="handleFunction(item)">
+							<view class="icon-wrapper">
+								<image :src="item.icon" class="grid-icon" mode="widthFix"></image>
+							</view>
+							<text class="grid-text">{{ item.text }}</text>
+						</view>
+					</view>
+				</view>
+				<view class="function-list" style="padding: 24rpx; padding-bottom: 28rpx"
+					v-if="card.type == 'lineCard'">
+					<view class="lineCard-title">{{ card.title }}</view>
+					<view class="lineCard-grid">
+						<image v-for="(item, index) in card.list" :src="item.url" mode="widthFix"
+							@click="handleFunction(item)"></image>
+					</view>
+				</view>
+				<view class="imagePure" v-if="card.type == 'imagePure'">
+					<image @click="handleFunction(card)" :src="card.url" mode="widthFix"></image>
+				</view>
+				<view class="image-list" v-if="card.type == 'image'">
+					<view class="image-title">{{ card.title }}</view>
+					<image @click="handleFunction(card)" :src="card.url" mode="widthFix"></image>
+				</view>
+				<view class="listcard-list" v-if="card.type == 'listcard'">
+					<view class="function-title">{{ card.title }}</view>
+					<view class="listcard-item" v-for="(item, index) in card.list" :key="index">
+						<image @click="handleFunction(item)" :src="item.url" mode="widthFix"></image>
+						<view class="listcard-title">{{ item.title }}</view>
+						<view class="listcard-text">{{ item.text }}</view>
+					</view>
+				</view>
+				<view class="imageText-list" v-if="card.type == 'imageText'">
+					<view class="lineCard-title">{{ card.title }}</view>
+					<view class="imageText-content">
+						<image :src="card.url" mode="widthFix"></image>
+						<view class="text-status">入驻成功啦！</view>
+						<view class="text-next">下一步:等待<text style="color: #e8101e">专属门店商家邀约绑定</text>，解锁订单资源与服</view>
+						<view class="text-next">务通道，开启高效变现、共创共赢的新旅程～</view>
+					</view>
+				</view>
+			</template>
+		</view>
+
+		<tipsPopup2 :show="tipShow" @closePopup="closePopup" sureText="确认" @okBtn="okBtn">
+			{{ tipsText }}
+		</tipsPopup2>
+		<TabBar :selected="2"></TabBar>
+	</view>
+</template>
+
+<script>
+import TabBar from "@/components/tabbar/tabbar.vue"
+import tipsPopup2 from "@/components/tips-popup/tips-popup2";
+import CustomNavbar from "@/components/custom-navbar/custom-navbar.vue";
+import request from "@/utils/request";
+export default {
+	components: {
+		CustomNavbar,
+		tipsPopup2,
+		TabBar
+	},
+	data() {
+		return {
+			tipType: "", //提示弹窗类型
+			userInfo: {},
+			baseAvartar: "https://app.mrrweb.com.cn" + "/public/images/headanimal.png",
+			cardList: [{
+				type: "image",
+				title: "基础功能",
+				id_type: 0,
+				url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/aa9fa8d6-8d85-4dce-875a-e71e02595198.png",
+				path: "/pages/ruzhu/ruzhu",
+			},
+			{
+				type: "lineCard",
+				title: "管理中心",
+
+				list: [{
+					title: "员工管理",
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/9d847e84-e4ca-44c0-b9fb-e33803a67457.png",
+					path: "/pages/shop/staff/manage",
+					go_id_type: 1,
+				},
+				{
+					title: "服务分配",
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/0d27ea76-2a81-4374-8033-5eef76598f9c.png",
+					path: "/pages/shop/staff/distribution-service",
+					go_id_type: 1,
+				},
+				{
+					title: "店铺装修",
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/4b558456-2e38-4185-8713-d1f0e6645820.png",
+					// https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/e6e72039-eec4-414c-8a86-aad404602962.png
+					path: "/pages/shop/staff/distribution-service",
+					go_id_type: 1,
+				},
+				{
+					title: "财务管理",
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/edafae37-8258-4e1c-9dcc-019484117047.png",
+					path: "/pages/shop/staff/distribution-service",
+					go_id_type: 1,
+				},
+				],
+			},
+			{
+				type: "lineCard",
+				title: "交易项目",
+
+				list: [{
+					title: "服务管理",
+					path: "/pages/artisan/service-list",
+					go_id_type: 1,
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/0076bdee-f1c6-412d-9f05-187189a855a6.png",
+				},
+				{
+					title: "工位管理",
+					path: "/pages/shop/workSpace/list",
+					go_id_type: 1,
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/6568df0b-e646-4593-804b-a21ed0b35ede.png",
+				},
+				{
+					title: "购买服务",
+					path: "/pages/shop/buy-service",
+					go_id_type: 1,
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/6c9aa5ea-63aa-4a86-8858-cb58d303114f.png",
+				},
+				{
+					title: "购买工时",
+					path: "/pages/shop/manHour/buyManHour",
+					go_id_type: 1,
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/c40cddcb-6a43-4355-b25d-ab3e53e17982.png",
+				},
+				],
+			},
+			{
+				type: "lineCard",
+				title: "交易订单",
+
+				list: [{
+					title: "用户订单",
+					path: "/pages/shop/userorders",
+					go_id_type: 1,
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/b94e033c-836b-404c-85e9-9a7ba7680919.png",
+				},
+				{
+					title: "工位订单",
+					path: "/pages/shop/workSpace/saleList",
+					go_id_type: 1,
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/b5ede46f-71f9-4718-87a8-3aa4ba99c490.png",
+				},
+				{
+					title: "服务订单",
+					path: "/pages/shop/buy-order",
+					go_id_type: 1,
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/673f1dac-1693-4f0a-aec4-c196aa72382b.png",
+				},
+				{
+					title: "购买工时",
+					path: "/pages/shop/manHour/saleList",
+					go_id_type: 1,
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/72520b2a-804c-4987-84ca-25e5247e65a2.png",
+				},
+				],
+			},
+			{
+				type: "lineCard",
+				title: "营销中心",
+
+				list: [{
+					title: "拼团管理",
+					path: "/pages/shop/groupBuying/list",
+					go_id_type: 1,
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/569c2ba5-2f39-4a3f-b36d-026c480d8203.png",
+				},
+				{
+					title: "日常推广",
+					path: "/pages/promotion/promotion",
+					go_id_type: 1,
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/90d92ff7-4110-4ebd-8207-e6370699a1b6.png",
+				},
+				],
+			},
+			{
+				type: "lineCard",
+				title: "平台自营项目",
+				id_type: 1,
+				self_state: true,
+				list: [{
+					text: "自营服务",
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/fa0c9545-91f4-4a73-b5fe-fa1217aa768e.png",
+					path: "/pages/selfOperated/list",
+				},
+				{
+					text: "自营订单",
+					url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/dfeff761-7448-4f31-a4e9-ee12b088d6a8.png",
+					path: "/pages/shop/userorders?serviceType=2",
+				},
+				],
+			},
+			{
+				type: "imagePure",
+				title: "",
+				id_type: 1,
+				self_state: false,
+				url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/30b42fe6-21f9-443f-a091-5439d57e3593.png",
+				path: "/pages/selfOperated/agreement?title=平台自营项目介绍&type=18",
+			},
+			{
+				type: "listcard",
+				title: "我的服务",
+				list: [
+					{
+						text: "我的收藏",
+						url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/83fa7f51-dda3-494b-a50e-f15f8fdcdb9c.png",
+						path: "/pages/my/myFavorite",
+					},
+					{
+						text: "设置",
+						url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/d1173680-386b-4db3-a74c-64108da6cec9.png",
+						path: "/pages/settings/index",
+					},
+					{
+						text: "联系客服",
+						url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/5bbac7f8-940a-414a-be0b-e6faf5215f63.png",
+						path: "/pages/contact/contact",
+					},
+				],
+			},
+			],
+
+			isLogin: false,
+			tipsText: "",
+			tipShow: false,
+			scrollTop: 0,
+			inviteList: [],
+			// 账号停用弹窗控制
+			stopUseModal: false,
+		};
+	},
+	onPageScroll(e) {
+		this.scrollTop = e.scrollTop;
+	},
+	computed: {
+		id_type() {
+			return this.userInfo?.id_type || 0;
+		},
+		isBind() {
+			return this.userInfo.bind_count > 0;
+		},
+
+		// 判断是否账号已停止使用
+		isAccountDisabled() {
+			return this.userInfo?.is_ok === 2;
+		},
+
+		currentCardList() {
+			return this.cardList
+				.filter((card) => this.checkShow(card))
+				.map((item) => ({
+					...item,
+					list: item.list?.filter((card) => this.checkShow(card)),
+				}));
+		},
+		backgroundColor() {
+			if (this.scrollTop > 10) {
+				return `rgba(255, 255, 255, ${0.02 * this.scrollTop});`;
+			}
+			return "transparent";
+		},
+	},
+	onLoad() {
+		uni.hideTabBar();
+		const systemInfo = uni.getSystemInfoSync();
+		const statusBarHeight = systemInfo.statusBarHeight;
+		// 导航栏主体高度：iOS一般44px，Android一般48px（可自定义）
+		const navMainHeight = systemInfo.platform === "ios" ? 44 : 48;
+		// 绑定2个CSS变量：状态栏高度、导航栏主体高度
+		this.cssVars = {
+			"--status-bar-height": `${statusBarHeight}px`,
+			"--nav-main-height": `${navMainHeight}px`,
+		};
+	},
+	onShow() {
+		this.isLogin = uni.getStorageSync("accessToken") ? true : false;
+		if (!this.isLogin) { } else {
+			// 获取用户信息
+			this.getUserInfo();
+		}
+	},
+	methods: {
+		// 检查是否允许访问的方法
+		checkAccess(item) {
+			// 如果账号未停止使用，允许访问所有
+			if (!this.isAccountDisabled) {
+				return true;
+			}
+
+			// 账号已停止使用时，只允许特定的路径访问
+			// 允许访问的路径列表
+			const allowedPaths = [
+				"/subPackages/other/contact/contact", // 联系平台
+			];
+
+			const allowedTypes = ["logout"]; // 退出登录
+
+			// 检查是否在允许列表中
+			if (item.type && allowedTypes.includes(item.type)) {
+				return true;
+			}
+
+			if (item.path && allowedPaths.includes(item.path)) {
+				return true;
+			}
+
+			// 其他情况不允许访问
+			this.showStopUseModal();
+			return false;
+		},
+
+		// 显示账号停用提示
+		showStopUseModal() {
+			uni.showModal({
+				title: "提示",
+				content: "您的账号已停止使用。若有疑问或恢复需求，请尽快联系平台工作人员核实处理。",
+				showCancel: false,
+				confirmText: "我知道了",
+			});
+		},
+
+		checkShow(card) {
+			if (card.id_type != undefined && card.id_type != this.id_type) {
+				return false;
+			}
+			if (card.isNeedLogin != undefined) {
+				return this.isLogin;
+			}
+			if (
+				card.self_state != undefined &&
+				(card.self_state ?
+					this.userInfo.self_state != 1 :
+					this.userInfo.self_state == 1)
+			) {
+				return false;
+			}
+			return true;
+		},
+		// 去权益界面
+		goToRights() {
+			// 添加访问检查
+			if (this.isAccountDisabled) {
+				this.showStopUseModal();
+				return;
+			}
+			uni.navigateTo({
+				url: "/subPackages/other/agreement/agreement?type=16&title=权益说明",
+			});
+		},
+		goToWallet() {
+			uni.navigateTo({
+				url: "/pages/wallet/wallet",
+			});
+		},
+		saveToast() {
+			setTimeout(() => {
+				uni.showToast({
+					title: "保存成功！",
+					icon: "none",
+				});
+			}, 500);
+		},
+		async getAvatar(e) {
+			// 添加访问检查
+			if (this.isAccountDisabled) {
+				this.showStopUseModal();
+				return;
+			}
+			console.log("getAvatar:", e);
+			const tempFilePath = e.detail.avatarUrl; // 获取临时文件路径
+			try {
+				// 4. 生成唯一文件名（防止OSS文件覆盖，推荐格式：目录/时间戳-随机数.后缀）
+				const filename = `${Date.now()}-${Math.floor(
+					Math.random() * 1000,
+				)}.jpg`;
+
+				// 5. 显示上传中loading（提升用户体验）
+				uni.showLoading({
+					title: "上传中...",
+					mask: true,
+				});
+
+				// 6. 调用后端接口，获取OSS临时上传参数（关键：OSS不允许前端直接传密钥，需后端签名）
+				const ossConfig = await this.getOssUploadConfig(filename);
+				if (!ossConfig) {
+					uni.hideLoading();
+					uni.showToast({
+						title: "获取上传配置失败",
+						icon: "none",
+					});
+					return;
+				}
+
+				// 7. 上传图片到阿里云OSS（使用UniApp uploadFile，适配小程序）
+				await this.uploadToOss(tempFilePath, ossConfig);
+
+				// 8. 上传成功后续操作（如更新页面头像、通知后端更新用户信息）
+				const ossFileUrl = `${ossConfig.host}/${ossConfig.dir}${filename}`; // OSS文件最终URL
+				uni.hideLoading();
+				uni.showToast({
+					title: "头像上传成功",
+				});
+				console.log("OSS图片URL:", ossFileUrl);
+				this.saveProfile(ossFileUrl);
+			} catch (error) {
+				uni.hideLoading();
+				console.error("头像上传异常:", error);
+			}
+		},
+		// 保存资料
+		saveProfile(url) {
+			// 添加访问检查
+			if (this.isAccountDisabled) {
+				this.showStopUseModal();
+				return;
+			}
+			uni.showLoading({
+				title: "保存中...",
+			});
+			let head_photo = url;
+			let {
+				nick_name,
+				sex,
+				dependency
+			} = this.userInfo;
+			request
+				.post("/syr/User/editUser", {
+					nick_name,
+					head_photo,
+					sex,
+					dependency,
+				})
+				.then((res) => {
+					uni.hideLoading();
+					this.userInfo.head_photo = url;
+					uni.showToast({
+						title: "保存成功！",
+						icon: "none",
+					});
+				});
+		},
+		//调用后端接口，获取OSS临时上传参数（关键：OSS不允许前端直接传密钥，需后端签名）
+		async getOssUploadConfig(filename) {
+			// 添加访问检查
+			if (this.isAccountDisabled) {
+				this.showStopUseModal();
+				return;
+			}
+			try {
+				// 调用后端接口，传递文件名（后端需根据filename生成对应的dir和key）
+				const res = await request.post("/user/getalioss", {
+					type: 1, // 后端定义的业务类型（如1=头像）
+					kind: 1, // 后端定义的参数（按实际接口调整）
+					filename: filename, // 告知后端当前要上传的文件名，用于生成OSS的key
+				});
+				return {
+					...res,
+					filename,
+				}; // 格式示例：{ host: "https://xxx.oss-cn-beijing.aliyuncs.com", policy: "...", OSSAccessKeyId: "...", signature: "...", dir: "user/avatar/" }
+			} catch (error) {
+				console.error("获取OSS配置失败:", error);
+				throw error;
+			}
+		},
+		//上传oss
+		async uploadToOss(tempFilePath, ossConfig) {
+			return new Promise((resolve, reject) => {
+				// 构造OSS上传的FormData参数（严格按OSS要求的字段名）
+				const formData = {
+					name: ossConfig.filename, // 文件名（与后端协商的key一致）
+					policy: ossConfig.policy, // OSS临时授权policy
+					OSSAccessKeyId: ossConfig
+						.ossAccessKeyId, // 临时AccessKeyId（注意字段名：后端返回可能是ossAccessKeyId或OSSAccessKeyId，需对齐）
+					signature: ossConfig.signature, // 签名
+					success_action_status: "200", // OSS上传成功后返回200状态码（必须设置）
+					key: ossConfig.dir + ossConfig.filename ||
+						ossConfig.dir + tempFilePath.split("/")
+							.pop(), // OSS存储的完整key（dir + filename，核心字段）
+				};
+
+				// 调用UniApp上传API（小程序推荐用这个，比fetch稳定）
+				uni.uploadFile({
+					url: ossConfig.host, // OSS的Endpoint（如https://xxx.oss-cn-beijing.aliyuncs.com）
+					filePath: tempFilePath, // 小程序临时文件路径
+					name: "file", // OSS要求的文件字段名（固定为"file"，后端需与OSS配置一致）
+					formData: formData, // OSS上传所需的表单参数
+					timeout: 30000, // 超时时间（30秒，防止大文件上传超时）
+					success: (uploadRes) => {
+						// OSS上传成功的判断：statusCode为200且响应体为空（OSS特性）
+						if (uploadRes.statusCode === 200) {
+							resolve();
+						} else {
+							reject(new Error(`OSS上传失败，状态码: ${uploadRes.statusCode}`));
+						}
+					},
+					fail: (err) => {
+						reject(new Error(`上传请求失败: ${err.errMsg}`));
+					},
+				});
+			});
+		},
+		closePopup() {
+			this.tipShow = false;
+			//uni.showTabBar();
+		},
+
+		okBtn() {
+			// 添加访问检查
+			if (this.isAccountDisabled) {
+				this.showStopUseModal();
+				return;
+			}
+			if (this.tipType == "tjRuzhu") {
+				getApp().globalData.artisanType = 2;
+				if (this.userInfo.is_ok == 2) {
+					uni.navigateTo({
+						url: "/subPackages/ruzhu/stopuse",
+					});
+					return;
+				}
+				//如果现在身份是推荐官认证中身份是推荐官
+				if (
+					this.userInfo.id_type == 1 &&
+					this.userInfo.auth_info?.id_type == 1
+				) {
+					uni.navigateTo({
+						url: "/subPackages/ruzhu/complete?id_type=1",
+					});
+					return;
+				}
+				if (!this.userInfo.auth_info?.apply_state) {
+					//如果没有认证中信息
+					uni.navigateTo({
+						url: "/subPackages/ruzhu/complete",
+					});
+				} else {
+					//如果认证中信息apply_state状态不同
+					if (this.userInfo.auth_info.apply_state == 1) {
+						uni.navigateTo({
+							url: "/subPackages/ruzhu/submitres?applyState=1",
+						});
+					} else if (this.userInfo.auth_info.apply_state == 2) {
+						uni.navigateTo({
+							url: "/subPackages/ruzhu/submitres?applyState=2",
+						});
+					} else if (this.userInfo.auth_info.apply_state == 3) {
+						uni.navigateTo({
+							url: "/subPackages/ruzhu/submitres?applyState=3",
+						});
+					}
+				}
+			} else if (this.tipType == "login") {
+				uni.navigateTo({
+					url: "/pages/blogPopup/blogPopup",
+				});
+			}
+			// uni.showTabBar();
+		},
+		getUserInfo() {
+			request.post("/sj/user/getUser").then((result) => {
+				this.userInfo = result.data;
+				uni.setStorageSync("syrId", result.data.id);
+			});
+			this.getInviteList();
+		},
+		async goLogin() {
+			// 添加访问检查
+			if (this.isAccountDisabled) {
+				this.showStopUseModal();
+				return;
+			}
+			this.tipsText = "您现在还未登录，是否确定登录？";
+			this.tipShow = true;
+			this.tipType = "login";
+			uni.hideTabBar();
+		},
+
+		goToOrderList(type) {
+			// 添加访问检查
+			if (this.isAccountDisabled) {
+				this.showStopUseModal();
+				return;
+			}
+			if (!this.isLogin) {
+				uni.showToast({
+					title: "您暂未登录，无法使用此功能！",
+					icon: "none",
+				});
+				return;
+			}
+		},
+		logout() {
+			uni.showModal({
+				title: "提示",
+				content: "确定要退出登录吗？",
+				success: (res) => {
+					if (res.confirm) {
+						// uni.removeStorageSync('access_token');
+						// uni.removeStorageSync('refresh_token');
+						uni.clearStorageSync();
+						// TODO: 实现退出登录逻辑
+						uni.reLaunch({
+							url: "/pages/home/home",
+						});
+					}
+				},
+			});
+		},
+		async handleFunction(item) {
+			// 如果是退出登录，直接处理，不检查账号状态
+			if (this.isLogin && item.type === "setting") {
+				uni.navigateTo({
+					url: `/pages/settings/index`,
+				});
+				return;
+			}
+
+			// 检查账号状态，如果不允许访问，直接返回
+			if (!this.checkAccess(item)) {
+				return;
+			}
+
+			// if (!this.isLogin) {
+			//   uni.showToast({
+			//     title: "您暂未登录，无法使用此功能！",
+			//     icon: "none",
+			//   });
+			//   return;
+			// }
+
+			if (item.path == "/pages/ruzhu/ruzhu") {
+				request.post("/sj/userSjAuth/details", {
+					type: 1
+				}).then((res) => {
+					if (res.code == 200 && res.data && res.data.apply_state != 2) {
+						uni.navigateTo({
+							url: `/pages/ruzhu/submitres?identity=${res.data.id_type}&applyState=${res.data.apply_state}`,
+						});
+					} else {
+						uni.navigateTo({
+							url: item.path,
+						});
+					}
+				});
+
+				return;
+			}
+			if (item.type) {
+				uni.navigateTo({
+					url: `${item.path}?type=${item.type}`,
+				});
+			} else {
+				if (item.go_id_type == 1 && this.userInfo?.id_type == 0) {
+					uni.showToast({
+						title: `您暂未入驻，无法使用${item.title}！`,
+						icon: "none",
+					});
+					return;
+				}
+				if (!this.isLogin && item.go_id_type) {
+					uni.showToast({
+						title: `您暂未登录，无法使用${item.title}！`,
+						icon: "none",
+					});
+					return;
+				}
+				uni.navigateTo({
+					url: `${item.path}`,
+				});
+			}
+		},
+		goToProfile() {
+			// 添加访问检查
+			if (this.isAccountDisabled) {
+				this.showStopUseModal();
+				return;
+			}
+			if (this.userInfo.id_type == 0) {
+				return;
+			}
+			uni.navigateTo({
+				url: "/pages/artisan/profile",
+			});
+		},
+		goToInviteList() {
+			// 添加访问检查
+			if (this.isAccountDisabled) {
+				this.showStopUseModal();
+				return;
+			}
+			if (this.userInfo.id_type == 0) {
+				return;
+			}
+			uni.navigateTo({
+				url: "/subPackages/affiliated/inviteList?type=" + this.id_type,
+			});
+		},
+		getInviteList() {
+			request
+				.post("/syr/sjSyrBind/inviteList", {
+					page: 1,
+					limit: 999
+				})
+				.then((res) => {
+					this.inviteList = res.data.list;
+				});
+		},
+		goTypeSelect() {
+			// 添加访问检查
+			if (this.isAccountDisabled) {
+				this.showStopUseModal();
+				return;
+			}
+			request
+				.post("/syr/userSyrAuth/details", {
+					type: 1,
+					id_type: 1
+				})
+				.then((res) => {
+					if (res.code == 200 && res.data && res.data.apply_state != 2) {
+						uni.navigateTo({
+							url: `/subPackages/ruzhu/submitres?identity=${res.data.id_type}&applyState=${res.data.apply_state}`,
+						});
+					} else {
+						uni.navigateTo({
+							url: "/subPackages/ruzhu/typeSelect?id_type=1",
+						});
+					}
+				});
+		},
+	},
+};
+</script>
+
+<style lang="less">
+page {
+	background: #f5f5f5 !important;
+}
+
+.my-page {
+	/* min-height: 100vh; */
+	position: relative;
+	padding-bottom: 50rpx;
+	padding-top: var(--status-bar-height);
+	background-image: url("https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/825812de-54b3-486a-a3a0-2c4a1fb9fd28.png");
+	background-position: 0 0;
+	background-size: 100%;
+	background-repeat: no-repeat;
+	padding-bottom: 150rpx;
+}
+
+// .my-page::before {
+//   content: "";
+//   position: fixed;
+//   top: 0;
+//   left: 0;
+//   right: 0;
+//   height: 489rpx !important;
+//   background-image: url("https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/825812de-54b3-486a-a3a0-2c4a1fb9fd28.png");
+//   background-size: cover;
+//   background-position: center top;
+//   background-repeat: no-repeat;
+//   z-index: -1;
+// }
+
+/* 确保内容在背景之上 */
+.user-section,
+.order-section,
+.function-list,
+.user-stats,
+.image-list,
+.imageText-list,
+.info_section {
+	position: relative;
+	z-index: 99;
+	margin: 0 30rpx;
+}
+
+/* 用户信息区域 */
+.user-section {
+	background-color: transparent;
+	box-sizing: border-box;
+	padding-bottom: 40rpx;
+	padding-top: 26rpx;
+
+	.upgradeBanner {
+		padding-top: 40rpx;
+		width: 690rpx;
+		height: 114rpx;
+		position: relative;
+
+		.upgradeBanner-img {
+			width: 690rpx;
+			height: 114rpx;
+		}
+
+		.upgradeBanner-btn {
+			position: absolute;
+			left: 304rpx;
+			bottom: 20rpx;
+			width: 100rpx;
+			height: 40rpx;
+		}
+	}
+
+	.user-info {
+		display: flex;
+		flex-flow: row nowrap;
+		justify-content: space-between;
+		align-items: center;
+
+		.user-info-left {
+			display: flex;
+			flex-flow: row nowrap;
+			justify-content: flex-start;
+			align-items: center;
+
+			.avatar {
+				width: 124rpx;
+				height: 124rpx;
+				border: 4rpx solid #fff;
+				box-sizing: border-box;
+				border-radius: 64rpx;
+				margin-right: 20rpx;
+				overflow: hidden;
+				position: relative;
+
+				.avatar-img {
+					width: 116rpx;
+					height: 116rpx;
+					border-radius: 64rpx;
+					margin-right: 20rpx;
+				}
+
+				.avatar-button {
+					position: absolute;
+					inset: 0;
+					margin: auto;
+				}
+			}
+
+			.user-detail {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: flex-start;
+
+				.nickname {
+					font-weight: 500;
+					font-size: 32rpx;
+					color: #333333;
+					line-height: 45rpx;
+					text-align: left;
+					font-style: normal;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+
+					.nickname-text {
+						max-width: 250rpx;
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+					}
+
+					.inviteCode {
+						padding: 6rpx;
+						font-weight: 400;
+						font-size: 20rpx;
+						color: #7e4e5b;
+						line-height: 28rpx;
+						text-align: left;
+						font-style: normal;
+						background: rgba(255, 255, 255, 0.3);
+						border-radius: 6rpx;
+						margin-left: 6rpx;
+					}
+				}
+
+				.user-detail-tip {
+					font-weight: 400;
+					font-size: 22rpx;
+					color: #999999;
+					line-height: 30rpx;
+					text-align: left;
+					font-style: normal;
+					margin-top: 12rpx;
+				}
+
+				.user-identity {
+					margin-top: 10rpx;
+					border: 1rpx solid #e8101e;
+					border-radius: 22rpx;
+					width: 112rpx;
+					height: 44rpx;
+					line-height: 44rpx;
+					text-align: center;
+					background-color: rgba(255, 241, 241, 1);
+
+					.identity-text {
+						font-size: 20rpx;
+						color: #e8101e;
+						font-weight: 400;
+					}
+				}
+			}
+		}
+
+		.user-info-right {
+			transform: translateY(14rpx);
+
+			.wallet_content {
+				height: 48rpx;
+				padding: 0rpx 16rpx;
+				display: flex;
+				align-items: center;
+				background: rgba(252, 67, 124, 0.1);
+				border-radius: 24rpx;
+				border: 1rpx solid rgba(232, 16, 30, 0.15);
+			}
+
+			.wallet_content_img {
+				width: 29rpx;
+				height: 29rpx;
+				margin-right: 2rpx;
+			}
+
+			.wallet_content_text {
+				font-family:
+					PingFangSC,
+					PingFang SC;
+				font-weight: 500;
+				font-size: 22rpx;
+				color: #666666;
+				line-height: 30rpx;
+				text-align: left;
+			}
+		}
+	}
+}
+
+.authentication {
+	display: flex;
+	margin-top: 20rpx;
+
+	.authentication_content {
+		height: 48rpx;
+		padding: 0rpx 20rpx;
+		display: flex;
+		align-items: center;
+		background: #ffe8e8;
+		border-radius: 24rpx;
+		border: 1rpx solid rgba(232, 16, 30, 0.19);
+
+		.authentication_img {
+			width: 27rpx;
+			height: 29rpx;
+			margin-right: 7rpx;
+		}
+
+		.authentication_text {
+			font-family:
+				PingFangSC,
+				PingFang SC;
+			font-weight: 500;
+			font-size: 26rpx;
+			line-height: 37rpx;
+			color: #333333;
+		}
+	}
+}
+
+.inviteMessage {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-top: 54rpx;
+	background: linear-gradient(320deg, #ffffff 0%, #ffffff 100%);
+	border-radius: 19rpx;
+	padding-right: 40rpx;
+
+	.inviteMessage_content {
+		height: 80rpx;
+		padding: 0rpx 20rpx;
+		display: flex;
+		align-items: center;
+		border-radius: 24rpx;
+
+		.inviteMessage_img {
+			width: 42rpx;
+			height: 42rpx;
+			margin-right: 20rpx;
+			flex-shrink: 0;
+		}
+
+		.inviteMessage_text {
+			font-family:
+				PingFangSC,
+				PingFang SC;
+			font-weight: 500;
+			font-size: 26rpx;
+			line-height: 37rpx;
+			color: #333333;
+		}
+	}
+
+	.btn_img {
+		width: 130rpx;
+		height: 54rpx;
+	}
+}
+
+.bottom0 {
+	margin-bottom: 0;
+}
+
+.user-stats {
+	border-radius: 20rpx;
+	background-color: #fff;
+	box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.05);
+	display: flex;
+	justify-content: space-around;
+}
+
+.stat-item {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.stat-icon {
+	width: 64rpx;
+	height: 64rpx;
+	margin-bottom: 8rpx;
+}
+
+.stat-label {
+	font-size: 26rpx;
+	color: #252525;
+	font-weight: 400;
+}
+
+.order-card {
+	// background: linear-gradient(180deg, #FBF5F8 0%, #F6F6F6 100%);
+	border-radius: 30rpx 30rpx 0rpx 0rpx;
+	// padding-top: 30rpx;
+	display: flex;
+	flex-direction: column;
+	gap: 20rpx;
+}
+
+/* 订单状态区域 */
+.order-section {
+	background: #ffffff;
+	box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(210, 213, 224, 0.5);
+	border-radius: 24rpx;
+	margin-bottom: 24rpx;
+	padding: 30rpx 20rpx 40rpx 20rpx;
+
+	.order-title {
+		font-weight: 500;
+		font-size: 32rpx;
+		color: #333333;
+		line-height: 45rpx;
+		text-align: left;
+		font-style: normal;
+		margin-bottom: 30rpx;
+	}
+
+	.order-status {
+		display: flex;
+		justify-content: space-between;
+		padding: 0rpx;
+		box-sizing: border-box;
+
+		.status-item {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			.status-icon {
+				width: 200rpx;
+				height: 169rpx;
+			}
+		}
+	}
+}
+
+/* 功能列表 */
+.function-list {
+	background: #ffffff;
+	border-radius: 24rpx;
+	padding: 30rpx;
+	padding-bottom: 50rpx;
+
+	.function-title {
+		font-weight: 500;
+		font-size: 32rpx;
+		color: #252525;
+		line-height: 36rpx;
+		text-align: left;
+		font-style: normal;
+		margin-bottom: 50rpx;
+	}
+
+	.function-grid {
+		display: flex;
+		flex-direction: column;
+		gap: 63rpx;
+
+		.grid-item {
+			display: flex;
+			align-items: center;
+			position: relative;
+			gap: 21rpx;
+
+			.icon-wrapper {
+				width: 42rpx;
+				height: 42rpx;
+				position: relative;
+				// margin-bottom: 12rpx;
+
+				.grid-icon {
+					width: 42rpx;
+					height: 42rpx;
+				}
+			}
+
+			.grid-text {
+				font-weight: 400;
+				font-size: 30rpx;
+				color: #333333;
+				line-height: 42rpx;
+				text-align: left;
+				font-style: normal;
+			}
+		}
+
+		.grid-item::after {
+			position: absolute;
+			content: "";
+			width: 12rpx;
+			height: 24rpx;
+			right: 0rpx;
+			background-image: url("https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/gray_right_icon.png");
+			background-size: cover;
+		}
+	}
+
+	.lineCard-title {
+		font-weight: 500;
+		font-size: 32rpx;
+		color: #252525;
+		line-height: 36rpx;
+		text-align: left;
+		font-style: normal;
+		margin-bottom: 24rpx;
+	}
+
+	.lineCard-grid {
+		display: flex;
+		justify-content: space-between;
+		flex-wrap: wrap;
+		gap: 20rpx 0;
+
+		image {
+			width: 310rpx;
+			height: 120rpx;
+		}
+	}
+}
+
+/* 功能列表 */
+.listcard-list {
+	position: relative;
+	z-index: 99;
+	margin: 0 30rpx;
+	background: #ffffff;
+	border-radius: 24rpx;
+	padding: 30rpx 20rpx;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+
+	.function-title {
+		width: 100%;
+		font-weight: 500;
+		font-size: 32rpx;
+		color: #252525;
+		line-height: 36rpx;
+		text-align: left;
+		font-style: normal;
+		margin-bottom: 20rpx;
+	}
+
+	.listcard-item {
+		width: 33.33%;
+		padding: 20rpx;
+		box-sizing: border-box;
+
+		image {
+			width: 50rpx;
+			height: 50rpx;
+			margin: 0 auto 10rpx;
+			display: block;
+		}
+
+		.listcard-title {
+			font-weight: 500;
+			font-size: 28rpx;
+			color: #252525;
+			line-height: 32rpx;
+			text-align: center;
+			margin-bottom: 8rpx;
+		}
+
+		.listcard-text {
+			font-size: 24rpx;
+			color: #999999;
+			line-height: 28rpx;
+			text-align: center;
+		}
+	}
+}
+
+.image-list {
+	background: #ffffff;
+	border-radius: 24rpx;
+	padding: 30rpx 20rpx;
+
+	.image-title {
+		font-weight: 500;
+		font-size: 32rpx;
+		color: #252525;
+		line-height: 36rpx;
+		text-align: left;
+		font-style: normal;
+		margin-bottom: 20rpx;
+	}
+
+	image {
+		width: 100%;
+		height: 148rpx;
+	}
+}
+
+.imageText-list {
+	background: #ffffff;
+	border-radius: 24rpx;
+	padding: 29rpx 27rpx 40rpx;
+
+	.imageText-title {
+		font-weight: 500;
+		font-size: 32rpx;
+		color: #252525;
+		line-height: 36rpx;
+		text-align: left;
+		font-style: normal;
+		margin-bottom: 11rpx;
+	}
+
+	.imageText-content {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+		image {
+			width: 245rpx;
+			height: 171rpx;
+		}
+
+		.text-status {
+			font-family:
+				PingFangSC,
+				PingFang SC;
+			font-weight: 500;
+			font-size: 30rpx;
+			color: #000000;
+			margin-top: 20rpx;
+			margin-bottom: 22rpx;
+		}
+
+		.text-next {
+			font-family:
+				PingFangSC,
+				PingFang SC;
+			font-weight: 400;
+			font-size: 26rpx;
+			line-height: 37rpx;
+			color: #666666;
+			text-align: center;
+		}
+	}
+}
+
+.my-page::before {
+	height: 420rpx;
+}
+
+button {
+	background: transparent !important;
+	border: none !important;
+	border-radius: 0 !important;
+	padding: 0 !important;
+	min-width: auto !important;
+	height: auto !important;
+	line-height: normal !important;
+	color: inherit !important;
+	-webkit-tap-highlight-color: transparent !important;
+}
+
+button::after {
+	border: none !important;
+}
+
+
+.info_section {
+	display: flex;
+	justify-content: space-between;
+	margin-bottom: 20rpx;
+
+	.info_section_item {
+		width: 336rpx;
+		height: 193rpx;
+		background-size: cover;
+		background-position: center;
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+		padding: 23rpx 26rpx 20rpx 26rpx;
+
+		.info_section_item_header {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding-bottom: 16rpx;
+			border-bottom: 2rpx solid rgba(210, 213, 224, 0.15);
+
+			.info_section_item_header_left {
+				display: flex;
+				align-items: center;
+				gap: 11rpx;
+			}
+
+			.info_section_item_img {
+				width: 35rpx;
+				height: 38rpx;
+			}
+
+			.info_section_item_label {
+				font-weight: 500;
+				font-size: 30rpx;
+				color: #333333;
+				line-height: 38rpx;
+				text-align: left;
+				font-style: normal;
+			}
+
+			.info_section_item_header_right {
+				image {
+					width: 10rpx;
+					height: 20rpx;
+				}
+			}
+		}
+
+		.info_section_item_subtitle {
+			font-size: 22rpx;
+			color: #999999;
+			line-height: 30rpx;
+			margin-top: 12rpx;
+			margin-bottom: 6rpx;
+		}
+
+		.info_section_item_content {
+			display: flex;
+			align-items: baseline;
+			font-family: DINPro, DINPro;
+			font-weight: 500;
+			font-size: 36rpx;
+			color: #333333;
+
+			.info_section_item_content_unit {
+				font-family:
+					PingFangSC,
+					PingFang SC;
+				font-weight: 500;
+				font-size: 20rpx;
+				color: #333333;
+				margin-left: 3rpx;
+			}
+		}
+	}
+}
+
+.user_detail_tip {
+	display: flex;
+	align-items: center;
+	gap: 12rpx;
+	margin-top: 10rpx;
+
+	.user_detail_tip_phone {
+		max-width: 230rpx;
+		height: 36rpx;
+		line-height: 36rpx;
+		border-radius: 6rpx;
+		font-size: 24rpx;
+		color: #666666;
+		box-sizing: border-box;
+		display: flex;
+		align-items: center;
+		gap: 7rpx;
+
+		image {
+			width: 8rpx;
+			height: 14rpx;
+		}
+	}
+
+	.user_detail_tip_invite_name {
+		max-width: 246rpx;
+		font-size: 22rpx;
+	}
+}
+
+.imagePure {
+	width: 690rpx;
+	margin: 0 auto;
+
+	image {
+		width: 100%;
+	}
+}
 </style>
\ No newline at end of file
diff --git a/pages/my/myFavorite.vue b/pages/my/myFavorite.vue
new file mode 100644
index 0000000..87b6899
--- /dev/null
+++ b/pages/my/myFavorite.vue
@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file