Blizzard
51 lines
2.2 KiB
Plaintext
51 lines
2.2 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">我的成就</view>
|
|
|
|
<view class="badge-wall-entry" bindtap="openBadgeWall">
|
|
<view class="entry-bg-bloom"></view>
|
|
<view class="wall-entry-left">
|
|
<view class="entry-icon-box">
|
|
<t-icon name="achievement" size="56rpx" color="#FFD700" />
|
|
</view>
|
|
<view class="wall-entry-text">
|
|
<text class="entry-title">成就徽章墙</text>
|
|
<text class="entry-desc">查看所有成就与收集进度</text>
|
|
</view>
|
|
</view>
|
|
<view class="wall-entry-right">
|
|
<text class="entry-action">去查看</text>
|
|
<t-icon name="chevron-right" size="40rpx" color="rgba(255,255,255,0.8)" />
|
|
</view>
|
|
</view>
|
|
|
|
<view style="height: 60rpx;"></view>
|
|
</scroll-view>
|
|
|
|
|
|
</view>
|