diff --git a/pages/mine/mine.vue b/pages/mine/mine.vue index 1234c2e..3cfc111 100644 --- a/pages/mine/mine.vue +++ b/pages/mine/mine.vue @@ -32,6 +32,12 @@ 点击登录解锁更多功能 + + + 已加入 + {{ userStats.joinedDay }} + + @@ -131,6 +137,7 @@ const userStats = ref({ comment: 0, liked: 0, pkCount: 0, + joinedDay: 0, label: [] }); @@ -141,6 +148,7 @@ const loadUserStats = async () => { comment: 0, liked: 0, pkCount: 0, + joinedDay: 0, label: [] }; return; @@ -153,6 +161,7 @@ const loadUserStats = async () => { comment: data.comment || 0, liked: data.liked || 0, pkCount: data.pkCount || 0, + joinedDay: data.joinedDay || 0, label: data.label || [] }; } catch (error) { @@ -315,7 +324,7 @@ const navTo = (page) => { .tags-container { display: flex; align-items: center; - margin-bottom: 48rpx; + margin-bottom: 24rpx; } .sparkle-icon { @@ -329,6 +338,31 @@ const navTo = (page) => { color: #666; } +.joined-day-pill { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8rpx; + height: 52rpx; + padding: 0 20rpx; + margin-bottom: 36rpx; + border-radius: 999rpx; + background: linear-gradient(135deg, rgba(91, 84, 223, 0.12), rgba(69, 59, 199, 0.05)); + box-shadow: inset 0 0 0 2rpx rgba(91, 84, 223, 0.08); +} + +.joined-day-label { + font-size: 22rpx; + color: #7b8191; + font-weight: 500; +} + +.joined-day-value { + font-size: 28rpx; + color: #453bc7; + font-weight: 800; +} + .stats-container { display: flex; align-items: center;