Blizzard
46 lines
2.1 KiB
Plaintext
46 lines
2.1 KiB
Plaintext
<view class="badges-page">
|
|
<scroll-view scroll-y class="badges-scroll" enhanced show-scrollbar="{{false}}">
|
|
<!-- Level Card -->
|
|
<view class="level-card-large" bindtap="showLevelList">
|
|
<view class="level-card-bg"></view>
|
|
<view class="level-header">
|
|
<view class="level-info-large">
|
|
<text class="level-label">当前等级</text>
|
|
<text class="level-value">{{userLevelTag}}</text>
|
|
</view>
|
|
<t-icon name="trophy" size="80rpx" color="#FFD700" />
|
|
</view>
|
|
<view class="level-progress-section">
|
|
<view class="progress-text">
|
|
<text>阳光值</text>
|
|
<text>{{currentExp}} / {{maxExp}}</text>
|
|
</view>
|
|
<view class="level-progress-bar-bg">
|
|
<view class="level-progress-bar-fill" style="width: {{currentExp * 100 / maxExp}}%;"></view>
|
|
</view>
|
|
<text class="next-level-tip">距离下一级还需要 {{nextLevelExp}} 阳光</text>
|
|
<text class="next-level-perk" wx:if="{{nextPerk}}">下一级奖励: {{nextPerk}}</text>
|
|
</view>
|
|
<view class="click-hint">点击查看等级详情 ></view>
|
|
</view>
|
|
|
|
<view class="section-title-badges">所有徽章 ({{badges.length}})</view>
|
|
|
|
<view class="badges-grid">
|
|
<view wx:for="{{badges}}" wx:key="id" class="badge-item {{item.unlocked ? 'unlocked' : 'locked'}}">
|
|
<view class="badge-icon-circle" style="background: {{item.unlocked ? item.color + '20' : '#F5F5F5'}}">
|
|
<t-icon wx:if="{{item.unlocked}}" name="{{item.iconName}}" size="48rpx" color="{{item.color}}" />
|
|
<t-icon wx:else name="lock-on" size="40rpx" color="#BDBDBD" />
|
|
</view>
|
|
<text class="badge-name">{{item.name}}</text>
|
|
<text class="badge-desc">{{item.desc}}</text>
|
|
<text wx:if="{{item.progress}}" class="badge-progress">{{item.progress}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view style="height: 60rpx;"></view>
|
|
</scroll-view>
|
|
|
|
|
|
</view>
|