zzc/spring-festival-greetings
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: rank

Browse Source
This commit is contained in:
zzc
2026-02-25 21:49:36 +08:00
parent 20978b05c6
commit fabc7547ed
1 changed files with 33 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
pages/index/index.vue
View File

@@ -15,12 +15,14 @@
/> />
<view class="user-texts"> <view class="user-texts">
<text class="greeting-info">{{ greetingText }}</text> <text class="greeting-info">{{ greetingText }}</text>
<text class="user-name" @tap="handleLogin"> <view class="name-row">
{{ userInfo.nickName || "点击登录" }} <text class="user-name" @tap="handleLogin">
</text> {{ userInfo.nickName || "点击登录" }}
<view class="user-points" v-if="isLoggedIn"> </text>
<text class="points-label">积分</text> <view class="user-points" v-if="isLoggedIn">
<text class="points-value">{{ userPoints }}</text> <text class="points-label">积分</text>
<text class="points-value">{{ userPoints }}</text>
</view>
</view> </view>
</view> </view>
</view> </view>
@@ -596,30 +598,36 @@ onShareTimeline(() => {
margin-bottom: 2rpx; margin-bottom: 2rpx;
} }
.user-name { .name-row {
font-size: 26rpx;
font-weight: bold;
color: #333;
}
.user-points {
display: flex; display: flex;
align-items: center; align-items: center;
background: rgba(255, 255, 255, 0.2);
border: 1rpx solid rgba(255, 255, 255, 0.4);
border-radius: 20rpx;
padding: 2rpx 12rpx;
margin-top: 4rpx;
.points-label { .user-name {
font-size: 18rpx; font-size: 26rpx;
color: #666; font-weight: bold;
margin-right: 4rpx; color: #333;
margin-right: 12rpx;
} }
.points-value { .user-points {
font-size: 22rpx; display: flex;
color: #d81e06; align-items: center;
font-weight: bold; background: rgba(255, 152, 0, 0.1);
border: 1rpx solid rgba(255, 152, 0, 0.3);
border-radius: 20rpx;
padding: 2rpx 10rpx;
.points-label {
font-size: 16rpx;
color: #ff9800;
margin-right: 4rpx;
}
.points-value {
font-size: 20rpx;
color: #ff5722;
font-weight: bold;
}
} }
} }
} }