游客端我的功能提供个人中心与用户服务

功能核心价值：用户体系的连接纽带

"我的"功能是游客端小程序的个人中心，虽然功能相对简洁，但它是连接游客与系统的重要纽带。通过用户信息维护展示和登录登出两大核心功能，系统实现了用户身份的识别和管理，为后续的个性化推荐、用户画像分析、精准营销打下基础。

系统采用微信授权登录方式，游客无需单独注册账号，通过微信一键授权即可使用小程序的所有功能。授权后，系统会获取游客的微信昵称、头像、OpenID等基本信息，建立用户档案。系统还会记录游客的访问行为数据，包括浏览过的景点、使用过的功能、停留时长等，为用户画像构建提供数据基础。

核心功能一：微信授权登录 - 便捷的身份认证

系统采用微信手机号登录方式，基于微信小程序的getPhoneNumber能力实现一键登录。游客首次使用小程序时，点击"手机号登录"按钮，微信会弹出授权对话框，询问是否同意将手机号提供给小程序。游客点击同意后，系统获取加密的手机号信息，调用后台接口member/auth/weixin-mini-app-login进行登录验证，后台返回访问令牌（token）和刷新令牌（refreshToken）。

登录成功后，系统通过Vuex状态管理机制，将用户信息存储到全局状态（state.user.userInfo）和本地缓存（uni.getStorageSync）中。用户信息包括用户ID、昵称、头像、手机号等。后续的API请求会自动在请求头中携带token进行身份认证。Token采用3天有效期机制，过期前系统会自动调用refreshToken接口刷新令牌，确保用户登录状态的持续有效。

登录流程还包含用户协议确认环节。游客在点击登录按钮前，必须勾选"我已阅读并同意用户协议和隐私政策"复选框，否则系统会提示"请先阅读并同意用户协议"。点击协议文字可以跳转到用户协议页面查看完整内容。这种合规的登录流程，符合国家关于App和小程序隐私保护的法律法规要求。

核心功能二：用户信息维护展示

"我的"页面采用渐变色背景设计（从蓝绿色渐变），顶部展示用户的头像和基本信息。用户头像采用圆形设计（160rpx），从微信获取，高清显示。头像右侧展示用户昵称（40rpx大字号，白色），下方可以展示用户等级、积分等扩展信息。整个用户信息区域的设计注重视觉层次和信息清晰度。

页面中部提供功能入口菜单，以卡片列表形式展示。每个功能入口包含图标、标题、箭头指示，采用白色背景卡片设计。功能入口包括：个人信息设置（goToUserInfo方法跳转到user-info页面，可以编辑昵称等信息）、系统设置（goToSetting方法跳转到setting页面，可以配置通知、隐私等选项）、关于我们、帮助中心等。未来还可以扩展订单管理、优惠券、积分商城等功能入口。

登出功能提供完善的确认机制。游客点击"退出登录"按钮后，系统会弹出确认对话框："确定要退出登录吗？"防止误操作。游客确认后，系统执行logout action，清除Vuex中的用户状态和本地存储的token，显示"已退出登录"提示，然后跳转到登录页面。登出操作确保了用户数据的安全性，特别是在共用设备的情况下。

技术实现：状态管理与数据持久化

系统采用Vuex进行全局状态管理。用户信息存储在state.user.userInfo对象中，通过mutations方法（setUserInfo、updateUserInfo）进行状态更新，通过actions方法（login、logout、getUserInfo）进行异步操作。这种集中式的状态管理模式，让用户信息在整个小程序中保持同步，任何页面都可以通过mapState获取最新的用户信息。

在数据持久化方面，系统采用uni.getStorageSync和uni.setStorageSync进行本地存储。用户信息、token等关键数据会同步存储到本地，即使小程序关闭重新打开，也能自动恢复登录状态，无需重复登录。本地存储采用微信小程序的存储API，数据加密存储，确保安全性。

系统还实现了自动登录功能（autoLogin action）。当检测到本地存储中有有效的token时，系统会自动调用getUserInfo接口获取最新的用户信息，恢复登录状态。如果token已过期，系统会尝试使用refreshToken刷新令牌；如果刷新失败，则跳转到登录页面要求重新登录。这种自动登录机制提升了用户体验，避免了频繁输入账号密码的繁琐。