From e4a340f53de846f18a3c42db2e9ca4827a78b70a Mon Sep 17 00:00:00 2001
From: jacobxu666 <jacobxu666@gmail.com>
Date: Sun, 14 Jun 2026 17:37:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=94=A8=E6=88=B7=E7=AB=AF=E4=B8=AA?=
 =?UTF-8?q?=E4=BA=BA=E4=B8=AD=E5=BF=83=EF=BC=88=E7=94=A8=E6=88=B7=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=20+=20=E5=8A=9F=E8=83=BD=E8=8F=9C=E5=8D=95=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/packages/user/pages/profile/index.vue | 84 ++++++++++++++++++++++-
 1 file changed, 83 insertions(+), 1 deletion(-)

diff --git a/src/packages/user/pages/profile/index.vue b/src/packages/user/pages/profile/index.vue
index ea4a150..8fed1b3 100644
--- a/src/packages/user/pages/profile/index.vue
+++ b/src/packages/user/pages/profile/index.vue
@@ -1,3 +1,85 @@
 <template>
-  <view><text>页面占位 - 后续任务实现</text></view>
+  <view class="page">
+    <view class="user-card">
+      <view class="avatar-wrap">
+        <image class="avatar" :src="userStore.userInfo?.avatarUrl || defaultAvatar" mode="aspectFill" />
+      </view>
+      <view class="user-info">
+        <text class="nickname">{{ userStore.userInfo?.nickname || '未登录' }}</text>
+        <text class="user-desc" v-if="userStore.isLogin">欢迎使用湖南12301文旅专区</text>
+        <text class="user-desc" v-else @click="goLogin">点击登录</text>
+      </view>
+    </view>
+    <view class="menu-card">
+      <view class="menu-item" @click="goTo('/packages/user/pages/card/bind')">
+        <text class="menu-icon">🎫</text>
+        <text class="menu-text">我的年卡</text>
+        <text class="menu-arrow">›</text>
+      </view>
+      <view class="menu-item" @click="showComingSoon">
+        <text class="menu-icon">📦</text>
+        <text class="menu-text">订单管理</text>
+        <text class="menu-arrow">›</text>
+      </view>
+      <view class="menu-item" @click="showComingSoon">
+        <text class="menu-icon">📋</text>
+        <text class="menu-text">使用记录</text>
+        <text class="menu-arrow">›</text>
+      </view>
+    </view>
+    <view class="btn-area" v-if="userStore.isLogin">
+      <button class="btn-logout" @click="handleLogout">退出登录</button>
+    </view>
+  </view>
 </template>
+
+<script setup lang="ts">
+import { useUserStore } from '../../../../store/user'
+
+const userStore = useUserStore()
+const defaultAvatar = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
+
+/** 跳转登录页 */
+function goLogin() { uni.navigateTo({ url: '/pages/login/login' }) }
+
+/** 需要登录的页面跳转 */
+function goTo(url: string) {
+  if (!userStore.isLogin) { uni.navigateTo({ url: '/pages/login/login' }); return }
+  uni.navigateTo({ url })
+}
+
+/** 退出登录 */
+function handleLogout() {
+  uni.showModal({
+    title: '提示', content: '确定要退出登录吗？',
+    success: (res) => {
+      if (res.confirm) {
+        userStore.logout()
+        uni.showToast({ title: '已退出', icon: 'success' })
+        setTimeout(() => { uni.navigateTo({ url: '/pages/login/login' }) }, 1000)
+      }
+    }
+  })
+}
+
+/** 即将上线提示 */
+function showComingSoon() { uni.showToast({ title: '即将上线，敬请期待', icon: 'none' }) }
+</script>
+
+<style scoped>
+.page { min-height: 100vh; background: #f5f5f5; }
+.user-card { background: linear-gradient(135deg, #4A90D9, #357ABD); padding: 50rpx 30rpx 40rpx; display: flex; align-items: center; }
+.avatar-wrap { margin-right: 24rpx; }
+.avatar { width: 120rpx; height: 120rpx; border-radius: 50%; border: 4rpx solid rgba(255,255,255,0.5); background: #eee; }
+.user-info { display: flex; flex-direction: column; }
+.nickname { font-size: 34rpx; font-weight: bold; color: #fff; margin-bottom: 8rpx; }
+.user-desc { font-size: 24rpx; color: rgba(255,255,255,0.8); }
+.menu-card { background: #fff; border-radius: 16rpx; margin: 20rpx; overflow: hidden; }
+.menu-item { display: flex; align-items: center; padding: 30rpx; border-bottom: 1rpx solid #f0f0f0; }
+.menu-item:last-child { border-bottom: none; }
+.menu-icon { font-size: 36rpx; margin-right: 20rpx; }
+.menu-text { flex: 1; font-size: 28rpx; color: #333; }
+.menu-arrow { font-size: 36rpx; color: #ccc; }
+.btn-area { padding: 40rpx 20rpx; }
+.btn-logout { width: 100%; height: 88rpx; line-height: 88rpx; background: #fff; color: #E74C3C; border-radius: 44rpx; font-size: 30rpx; border: 1rpx solid #f0f0f0; }
+</style>