feat: 修复个人中心头像发光和统计卡片玻璃态(原型还原 80%→90%)
This commit is contained in:
@@ -167,9 +167,13 @@ const handleLogout = () => {
|
|||||||
width: 160rpx;
|
width: 160rpx;
|
||||||
height: 160rpx;
|
height: 160rpx;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
/* 原型标准:强发光边框 */
|
||||||
border: 4rpx solid rgba(168, 85, 247, 0.3);
|
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;
|
padding: 8rpx;
|
||||||
margin-bottom: 32rpx;
|
margin-bottom: 32rpx;
|
||||||
|
background: rgba(168, 85, 247, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
@@ -229,6 +233,19 @@ const handleLogout = () => {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 12rpx;
|
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 {
|
.stat-label {
|
||||||
|
|||||||
Reference in New Issue
Block a user