From 74820c2c0a11a07d0c1a3914efd8b187311f1e38 Mon Sep 17 00:00:00 2001 From: tianyongbao Date: Wed, 4 Mar 2026 00:01:39 +0800 Subject: [PATCH] =?UTF-8?q?fix:=E5=85=B6=E4=BB=96=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E6=9A=96=E8=89=B2=E8=B0=83=E4=BF=AE=E6=94=B9?= =?UTF-8?q?=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/mine.vue | 25 +++++++++++++------------ src/pages_mine/pages/about/index.vue | 19 +++++++++---------- src/pages_mine/pages/help/index.vue | 7 ++----- src/store/modules/user.ts | 2 ++ 4 files changed, 26 insertions(+), 27 deletions(-) diff --git a/src/pages/mine.vue b/src/pages/mine.vue index 804ca82..316a4d5 100644 --- a/src/pages/mine.vue +++ b/src/pages/mine.vue @@ -14,7 +14,7 @@ {{ name }} @@ -231,7 +231,7 @@ page { .header-section { padding: 40rpx 32rpx 80rpx; - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + background: linear-gradient(160deg, #FFF3D6 0%, #FFE0A0 60%, #FFCC6E 100%); position: relative; overflow: hidden; flex-shrink: 0; @@ -243,7 +243,7 @@ page { right: -20%; width: 200%; height: 200%; - background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); + background: radial-gradient(circle, rgba(255, 255, 255, 0.35) 0%, transparent 70%); animation: pulse 15s infinite; } @@ -267,11 +267,11 @@ page { width: 120rpx; height: 120rpx; border-radius: 60rpx; - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%); display: flex; align-items: center; justify-content: center; - box-shadow: 0 12rpx 40rpx rgba(102, 126, 234, 0.4); + box-shadow: 0 12rpx 40rpx rgba(232, 132, 26, 0.4); position: relative; overflow: hidden; @@ -295,7 +295,7 @@ page { width: 112rpx; height: 112rpx; border-radius: 56rpx; - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%); display: flex; align-items: center; justify-content: center; @@ -312,12 +312,12 @@ page { display: flex; align-items: center; padding: 16rpx 24rpx; - background: rgba(255, 255, 255, 0.2); + background: rgba(139, 69, 0, 0.15); border-radius: 40rpx; backdrop-filter: blur(10rpx); .login-text { - color: #ffffff; + color: #8B4500; font-size: 28rpx; margin-right: 8rpx; } @@ -329,7 +329,7 @@ page { margin-bottom: 12rpx; .user-name { - color: #ffffff; + color: #8B4500; font-size: 36rpx; font-weight: 600; margin-right: 12rpx; @@ -337,15 +337,16 @@ page { .user-tag { padding: 4rpx 16rpx; - background: linear-gradient(135deg, #ffd89b 0%, #19547b 100%); + background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%); border-radius: 20rpx; color: #ffffff; font-size: 20rpx; + box-shadow: 0 2rpx 8rpx rgba(232, 132, 26, 0.4); } } .user-id { - color: rgba(255, 255, 255, 0.8); + color: rgba(139, 69, 0, 0.65); font-size: 24rpx; } } @@ -353,7 +354,7 @@ page { .settings-btn { padding: 16rpx; - background: rgba(255, 255, 255, 0.2); + background: rgba(139, 69, 0, 0.12); border-radius: 50%; backdrop-filter: blur(10rpx); } diff --git a/src/pages_mine/pages/about/index.vue b/src/pages_mine/pages/about/index.vue index 9bcbf37..b49617b 100644 --- a/src/pages_mine/pages/about/index.vue +++ b/src/pages_mine/pages/about/index.vue @@ -18,7 +18,7 @@ {{ item.label }} - + {{ item.value }} @@ -44,7 +44,7 @@ const infoList = computed(() => [ label: '版本信息', value: `v${version}`, displayText: `v${version}`, - gradient: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)', + gradient: 'linear-gradient(135deg, #E8841A 0%, #F5A623 100%)', isLink: false }, { @@ -95,7 +95,7 @@ page { display: flex; flex-direction: column; align-items: center; - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + background: linear-gradient(160deg, #FFF3D6 0%, #FFE0A0 60%, #FFCC6E 100%); position: relative; overflow: hidden; @@ -106,7 +106,7 @@ page { right: -20%; width: 200%; height: 200%; - background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); + background: radial-gradient(circle, rgba(255, 255, 255, 0.35) 0%, transparent 70%); animation: pulse 15s infinite; } @@ -118,8 +118,7 @@ page { width: 140rpx; height: 140rpx; border-radius: 80rpx; - box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.2); - background: #ffffff; + box-shadow: 0 12rpx 40rpx rgba(232, 132, 26, 0.3); padding: 15rpx; } @@ -129,21 +128,21 @@ page { right: -10rpx; width: 40rpx; height: 40rpx; - background: linear-gradient(135deg, #ffd89b 0%, #19547b 100%); + background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%); border-radius: 20rpx; - border: 4rpx solid #667eea; + border: 4rpx solid rgba(232, 132, 26, 0.3); } } .app-name { - color: #ffffff; + color: #8B4500; font-size: 36rpx; font-weight: 700; margin-bottom: 8rpx; } .app-slogan { - color: rgba(255, 255, 255, 0.8); + color: rgba(139, 69, 0, 0.65); font-size: 26rpx; } } diff --git a/src/pages_mine/pages/help/index.vue b/src/pages_mine/pages/help/index.vue index 2a0662b..f2aa8b3 100644 --- a/src/pages_mine/pages/help/index.vue +++ b/src/pages_mine/pages/help/index.vue @@ -2,7 +2,7 @@ - + {{ item.title }} @@ -46,9 +46,6 @@ childList: [{ title: '如何退出登录？', content: '请点击[我的] - [应用设置] - [退出登录]即可退出登录', - }, { - title: '如何修改用户头像？', - content: '请点击[我的] - [选择头像] - [点击提交]即可更换用户头像', }, { title: '如何修改登录密码？', content: '请点击[我的] - [应用设置] - [修改密码]即可修改登录密码', @@ -139,7 +136,7 @@ page { .q-badge { width: 36rpx; height: 36rpx; - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%); border-radius: 8rpx; display: flex; align-items: center; diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts index 1e96fea..55f5325 100644 --- a/src/store/modules/user.ts +++ b/src/store/modules/user.ts @@ -14,6 +14,7 @@ const useUserStore = defineStore("user", { state: () => ({ token: getToken(), name: "", + userId: "", avatar: "", roles: Array(), permissions: [], @@ -56,6 +57,7 @@ const useUserStore = defineStore("user", { this.roles = ["ROLE_DEFAULT"]; } this.name = user.userName; + this.userId = user.userId; this.avatar = avatar; resolve(res); })