xiaoyu/topfans
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style:修改个人设置样式

Browse Source
This commit is contained in:
zerosaturation 2026-05-28 18:02:36 +08:00
parent 59fdac5bc2
commit 670ef5e019
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/pages/profile/profile.vue
View File

@ -13,8 +13,10 @@
<view class="profile-scroll"> <view class="profile-scroll">
<!-- 右上角模块 --> <!-- 右上角模块 -->
<view class="top-right-module"> <view class="top-right-module">
<text class="level-label">LV:</text> <view class="level-box">
<text class="level-value">{{ fanLevel }}</text> <text class="level-label">LV</text>
<text class="level-value">{{ fanLevel }}</text>
</view>
</view> </view>
<!-- 上半部分：用户信息卡片 --> <!-- 上半部分：用户信息卡片 -->
<view class="top-section"> <view class="top-section">
@ -23,7 +25,7 @@
<!-- 上半部分：头像和用户信息左右布局 --> <!-- 上半部分：头像和用户信息左右布局 -->
<view class="user-main-info"> <view class="user-main-info">
<view @tap="handleAvatarClick" class="avatar-container"> <view @tap="handleAvatarClick" class="avatar-container">
<Avatar :key="avatarKey" :userId="uid" :size="260" :borderWidth="6" :showLevel="true" <Avatar :key="avatarKey" :userId="uid" :size="182.4" :borderWidth="6" :showLevel="false"
:level="fanLevel" :avatarUrl="userAvatarUrl" /> :level="fanLevel" :avatarUrl="userAvatarUrl" />
</view> </view>
<view class="user-text-info"> <view class="user-text-info">
@ -1315,15 +1317,24 @@ onShow(() => {
justify-content: center; justify-content: center;
} }
.level-box {
display: flex;
align-items: flex-end;
}
.level-label { .level-label {
color: #fff; color: #fffabd;
font-size: 24rpx; font-size: 24rpx;
margin-right: 8rpx;
} }
.level-value { .level-value {
color: #fff; color: #fff;
font-size: 28rpx; font-size: 34rpx;
font-weight: bold; font-weight: bold;
color: #fffabd;
text-shadow: -1px 1px 4px #ce090984;
} }
/* 上半部分：用户信息区域 */ /* 上半部分：用户信息区域 */
@ -1416,7 +1427,7 @@ onShow(() => {
.avatar-container { .avatar-container {
position: absolute; position: absolute;
left: -56rpx; left: -0;
top: 32rpx; top: 32rpx;
} }
@ -1428,9 +1439,6 @@ onShow(() => {
justify-content: flex-end; justify-content: flex-end;
gap: 8rpx; gap: 8rpx;
margin-left: 8rpx; margin-left: 8rpx;
background-image: url(/static/rank/activity-support-icon/beijingkuang.png);
background-size: 100% 110%;
background-position: center;
padding: 24rpx 24rpx 24rpx 240rpx; padding: 24rpx 24rpx 24rpx 240rpx;
min-width: 356rpx; min-width: 356rpx;
} }