diff --git a/mini-program/src/pages/profile/index.vue b/mini-program/src/pages/profile/index.vue index 2c4cc7b..5d59aa9 100644 --- a/mini-program/src/pages/profile/index.vue +++ b/mini-program/src/pages/profile/index.vue @@ -167,9 +167,13 @@ const handleLogout = () => { width: 160rpx; height: 160rpx; border-radius: 50%; + /* 原型标准:强发光边框 */ border: 4rpx solid rgba(168, 85, 247, 0.3); + box-shadow: 0 0 40px rgba(168, 85, 247, 0.1), + inset 0 0 20rpx rgba(168, 85, 247, 0.05); padding: 8rpx; margin-bottom: 32rpx; + background: rgba(168, 85, 247, 0.1); } .avatar { @@ -229,6 +233,19 @@ const handleLogout = () => { flex-direction: column; align-items: center; gap: 12rpx; + /* 原型标准:玻璃态效果 */ + background: rgba(168, 85, 247, 0.05); + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); + border: 1px solid rgba(168, 85, 247, 0.15); + border-radius: 20rpx; + box-shadow: 0 4rpx 20rpx rgba(168, 85, 247, 0.05); + transition: all 0.3s ease; +} + +.stat-card:active { + transform: scale(0.98); + box-shadow: 0 2rpx 12rpx rgba(168, 85, 247, 0.03); } .stat-label {