From b9bacb36e7bd2c022ae2701d8f50fa46e1ddf3c6 Mon Sep 17 00:00:00 2001 From: Peanut Date: Mon, 15 Jun 2026 10:50:48 +0800 Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9AMineView=20=E6=96=B0=E5=A2=9E?= =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E6=A1=A3=E6=A1=88=E5=8C=BA=E5=9D=97=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- mini-program/src/pages/main/MineView.vue | 97 ++++++++++++++++++++++++ 1 file changed, 97 insertions(+) diff --git a/mini-program/src/pages/main/MineView.vue b/mini-program/src/pages/main/MineView.vue index c7eb0fe..72e14f0 100644 --- a/mini-program/src/pages/main/MineView.vue +++ b/mini-program/src/pages/main/MineView.vue @@ -419,6 +419,103 @@ const terminateLifeHarmony = () => { font-weight: 800; } +.profile-section { + position: relative; + z-index: 1; + margin-top: 42rpx; +} + +.section-header { + display: flex; + align-items: center; + gap: 12rpx; + margin-bottom: 28rpx; +} + +.section-star { + color: #ffd184; + font-size: 28rpx; +} + +.section-title { + color: #fff; + font-size: 40rpx; + font-weight: 800; +} + +.profile-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + margin-bottom: 24rpx; +} + +.grid-item { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 6rpx; + padding-right: 16rpx; + border-right: 1rpx solid rgba(180, 139, 255, 0.22); +} + +.grid-item + .grid-item { + padding-left: 16rpx; +} + +.grid-item.no-border { + border-right: 0; +} + +.grid-icon { + font-size: 30rpx; + line-height: 1; + margin-bottom: 4rpx; +} + +.grid-label { + color: rgba(219, 204, 247, 0.54); + font-size: 20rpx; +} + +.grid-value { + color: #fff; + font-size: 23rpx; + font-weight: 600; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + max-width: 100%; +} + +.hobby-line { + display: flex; + align-items: center; + gap: 16rpx; + padding-top: 20rpx; + border-top: 1rpx solid rgba(180, 139, 255, 0.22); +} + +.hobby-heart { + color: #a855ff; + font-size: 30rpx; + text-shadow: 0 0 24rpx rgba(168, 85, 255, 0.7); +} + +.hobby-label { + color: rgba(219, 204, 247, 0.54); + font-size: 20rpx; + flex-shrink: 0; +} + +.hobby-value { + color: #fff; + font-size: 23rpx; + font-weight: 600; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + .menu-list { position: relative; z-index: 1;