81 lines
2.5 KiB
Plaintext
81 lines
2.5 KiB
Plaintext
<!--天梯排名页面-->
|
|
<view class="container">
|
|
<!-- 门店选择 -->
|
|
<view class="store-selector" bindtap="selectStore">
|
|
<view class="store-info">
|
|
<image class="store-icon" src="/images/icon-store.svg" mode="aspectFit"></image>
|
|
<text class="store-name">{{currentStore.storeName || '选择门店'}}</text>
|
|
</view>
|
|
<image class="arrow-icon" src="/images/icon-arrow.svg" mode="aspectFit"></image>
|
|
</view>
|
|
|
|
<!-- 性别筛选 -->
|
|
<view class="gender-tabs">
|
|
<view
|
|
class="tab {{gender === '' ? 'active' : ''}}"
|
|
bindtap="setGender"
|
|
data-gender=""
|
|
>全部</view>
|
|
<view
|
|
class="tab {{gender === '1' ? 'active' : ''}}"
|
|
bindtap="setGender"
|
|
data-gender="1"
|
|
>男子组</view>
|
|
<view
|
|
class="tab {{gender === '2' ? 'active' : ''}}"
|
|
bindtap="setGender"
|
|
data-gender="2"
|
|
>女子组</view>
|
|
</view>
|
|
|
|
<!-- 排名列表 -->
|
|
<view class="ranking-list">
|
|
<view class="list-header">
|
|
<text class="col-rank">排名</text>
|
|
<text class="col-user">选手</text>
|
|
<text class="col-level">等级</text>
|
|
<text class="col-power">战力</text>
|
|
</view>
|
|
|
|
<block wx:if="{{list.length > 0}}">
|
|
<view
|
|
class="list-item"
|
|
wx:for="{{list}}"
|
|
wx:key="id"
|
|
bindtap="viewPlayer"
|
|
data-id="{{item.id}}"
|
|
>
|
|
<view class="col-rank">
|
|
<view class="rank-badge {{item.rank <= 3 ? 'top' + item.rank : 'normal'}}">
|
|
{{item.rank}}
|
|
</view>
|
|
</view>
|
|
<view class="col-user">
|
|
<image class="avatar" src="{{item.avatar || '/images/avatar-default.svg'}}" mode="aspectFill"></image>
|
|
<view class="user-info">
|
|
<text class="name">{{item.realName}}</text>
|
|
<text class="rate">胜率 {{item.winRate}}%</text>
|
|
</view>
|
|
</view>
|
|
<view class="col-level">
|
|
<view class="level-tag lv{{item.level}}">Lv{{item.level}}</view>
|
|
</view>
|
|
<view class="col-power">
|
|
<text class="power-score">{{item.powerScore}}</text>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
|
|
<view wx:else class="empty-state">
|
|
<image src="/images/empty-ranking.svg" mode="aspectFit"></image>
|
|
<text>暂无排名数据</text>
|
|
<text class="sub-text">每月完成3场比赛即可上榜</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 加载更多 -->
|
|
<view wx:if="{{loading}}" class="loading-state">
|
|
<text>加载中...</text>
|
|
</view>
|
|
</view>
|