diff --git a/pages/home/index.js b/pages/home/index.js index 3774840..b53c180 100644 --- a/pages/home/index.js +++ b/pages/home/index.js @@ -19,7 +19,7 @@ Page({ ], online: true, profile: { - name: '王姐陪诊师', + name: '', level: '初级陪诊师', avatar: '' }, @@ -76,14 +76,16 @@ Page({ loadUser() { const app = getApp() - const user = app.globalData && app.globalData.user - if (user) { - this.setData({ - 'profile.name': user.nickname || this.data.profile.name, - 'profile.level': user.level || this.data.profile.level, - 'profile.avatar': user.avatar || '' + app.ensureLogin() + .then(user => { + if (!user) return + const p = user.profile || {} + this.setData({ + 'profile.name': p.name || '微信用户', + 'profile.avatar': p.avatar || '' + }) }) - } + .catch(() => {}) }, toggleOnline() { diff --git a/pages/home/index.wxss b/pages/home/index.wxss index 93f9dae..2a4a1d8 100644 --- a/pages/home/index.wxss +++ b/pages/home/index.wxss @@ -1,7 +1,7 @@ /* pages/home/index.wxss */ page { - background: linear-gradient(180deg, #e8f8f2 0%, #f5f6fa 360rpx); + background: linear-gradient(180deg, #ffb97a 0%, #f5f6fa 420rpx); color: #1a1a2e; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; } @@ -12,15 +12,16 @@ page { padding: 24rpx 24rpx 64rpx; } -/* === 头部信息卡 === */ +/* === 头部信息卡(浅色玻璃) === */ .header-card { position: relative; overflow: hidden; - background: linear-gradient(135deg, #2dd36f, #17c3a5); + background: rgba(255, 255, 255, 0.62); + border: 1rpx solid rgba(255, 255, 255, 0.85); border-radius: 28rpx; padding: 36rpx 32rpx; - color: #ffffff; - box-shadow: 0 12rpx 32rpx rgba(23, 195, 165, 0.28); + color: #3d2f25; + box-shadow: 0 12rpx 32rpx rgba(242, 100, 80, 0.16); } /* 装饰光斑,增加层次 */ @@ -29,7 +30,7 @@ page { content: ''; position: absolute; border-radius: 50%; - background: rgba(255, 255, 255, 0.12); + background: rgba(255, 138, 61, 0.1); pointer-events: none; } @@ -45,7 +46,7 @@ page { height: 160rpx; bottom: -80rpx; left: -40rpx; - background: rgba(255, 255, 255, 0.08); + background: rgba(242, 100, 80, 0.08); } .profile-row { @@ -64,8 +65,8 @@ page { width: 96rpx; height: 96rpx; border-radius: 50%; - background-color: rgba(255, 255, 255, 0.25); - border: 2rpx solid rgba(255, 255, 255, 0.4); + background-color: rgba(255, 138, 61, 0.15); + border: 2rpx solid rgba(255, 255, 255, 0.9); display: flex; align-items: center; justify-content: center; @@ -81,7 +82,7 @@ page { .avatar-text { font-size: 40rpx; font-weight: 600; - color: #ffffff; + color: #f2633f; } .profile-info { @@ -100,20 +101,21 @@ page { .level-tag { margin-left: 12rpx; - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(242, 100, 80, 0.12); border-radius: 16rpx; padding: 4rpx 14rpx; } .level-text { font-size: 20rpx; - color: #ffffff; + color: #e05a3a; } .online-switch { display: flex; align-items: center; - background-color: rgba(255, 255, 255, 0.25); + background-color: rgba(255, 255, 255, 0.75); + border: 1rpx solid rgba(255, 255, 255, 0.9); border-radius: 28rpx; padding: 6rpx 6rpx 6rpx 18rpx; } @@ -121,13 +123,14 @@ page { .switch-text { font-size: 24rpx; margin-right: 10rpx; + color: #3d2f25; } .switch-track { width: 56rpx; height: 32rpx; border-radius: 16rpx; - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(61, 47, 37, 0.15); position: relative; transition: background-color 0.2s ease; } @@ -149,7 +152,7 @@ page { .switch-track.on .switch-thumb { left: 26rpx; - background-color: #17c3a5; + background-color: #ff8f4d; } .stats-row { @@ -169,7 +172,7 @@ page { .stat-label { font-size: 24rpx; - opacity: 0.9; + color: rgba(61, 47, 37, 0.65); } .stat-value { @@ -188,6 +191,7 @@ page { font-size: 44rpx; font-weight: 700; line-height: 1; + color: #f2633f; } /* === 通用 Section === */