yingsa/miniprogram/pages/match/challenge/index.wxml
2026-01-20 08:50:50 +08:00

98 lines
3.5 KiB
Plaintext

<!--挑战赛页面-->
<view class="container">
<!-- 未登录或非天梯用户提示 -->
<view class="notice-card" wx:if="{{!ladderUser}}">
<image src="/images/icon-info.png" mode="aspectFit"></image>
<text>仅天梯用户可使用比赛功能,请联系门店工作人员加入天梯系统</text>
</view>
<!-- 比赛功能区 -->
<block wx:else>
<!-- 我的信息 -->
<view class="my-info-card">
<view class="info-header">
<image class="avatar" src="{{userInfo.avatar || '/images/avatar-default.png'}}" mode="aspectFill"></image>
<view class="info-meta">
<text class="name">{{ladderUser.realName}}</text>
<view class="level-power">
<view class="level-tag lv{{ladderUser.level}}">Lv{{ladderUser.level}}</view>
<text class="power">战力 {{ladderUser.powerScore}}</text>
</view>
</view>
</view>
</view>
<!-- 挑战赛入口 -->
<view class="action-card">
<view class="card-title">
<image src="/images/icon-challenge.png" mode="aspectFit"></image>
<text>挑战赛</text>
</view>
<view class="card-desc">扫描对手会员码发起挑战,挑战赛权重 x1.5</view>
<button class="btn-primary" bindtap="startChallenge">
<image src="/images/icon-scan.png" mode="aspectFit"></image>
扫码挑战
</button>
</view>
<!-- 排位赛入口 -->
<view class="action-card">
<view class="card-title">
<image src="/images/icon-ranking.png" mode="aspectFit"></image>
<text>排位赛</text>
</view>
<view class="card-desc">扫描比赛二维码加入排位赛</view>
<button class="btn-secondary" bindtap="joinRankingMatch">
<image src="/images/icon-scan.png" mode="aspectFit"></image>
扫码加入
</button>
</view>
<!-- 待确认比赛 -->
<view class="pending-card" wx:if="{{pendingGames.length > 0}}">
<view class="card-title">
<text>待确认比分</text>
<text class="badge">{{pendingGames.length}}</text>
</view>
<view class="pending-list">
<view class="pending-item" wx:for="{{pendingGames}}" wx:key="id" bindtap="confirmGame" data-game="{{item}}">
<view class="game-info">
<text class="opponent">vs {{item.opponentName}}</text>
<text class="score">{{item.myScore}} : {{item.opponentScore}}</text>
</view>
<view class="btn-confirm">确认</view>
</view>
</view>
</view>
</block>
<!-- 比赛规则说明 -->
<view class="rules-card">
<view class="card-title">
<text>战力值规则</text>
</view>
<view class="rules-content">
<view class="rule-item">
<text class="rule-label">胜方</text>
<text class="rule-value positive">+15 基础分</text>
</view>
<view class="rule-item">
<text class="rule-label">败方</text>
<text class="rule-value negative">-5 基础分</text>
</view>
<view class="rule-item">
<text class="rule-label">以下克上</text>
<text class="rule-value">分差≥100 额外+10%</text>
</view>
<view class="rule-item">
<text class="rule-label">新手保护</text>
<text class="rule-value">Lv1-2前5场输分减半</text>
</view>
<view class="rule-item">
<text class="rule-label">挑战冷却</text>
<text class="rule-value">同一对手30天限1次</text>
</view>
</view>
</view>
</view>