yingsa/miniprogram/pages/match/history/index.wxml

36 lines
1.3 KiB
Plaintext

<!--比赛记录页面-->
<view class="container">
<view class="history-list" wx:if="{{matches.length > 0}}">
<view class="match-item" wx:for="{{matches}}" wx:key="id">
<view class="match-header">
<text class="match-name">{{item.matchName}}</text>
<text class="match-type">{{item.matchType === 1 ? '挑战赛' : '排位赛'}}</text>
</view>
<view class="match-content">
<view class="result {{item.isWin ? 'win' : 'lose'}}">
{{item.isWin ? '胜' : '负'}}
</view>
<view class="score-info">
<text class="opponent">vs {{item.opponentName}}</text>
<text class="score">{{item.myScore}} : {{item.opponentScore}}</text>
</view>
<view class="power-change {{item.powerChange > 0 ? 'positive' : 'negative'}}">
{{item.powerChange > 0 ? '+' : ''}}{{item.powerChange}}
</view>
</view>
<view class="match-footer">
<text class="match-time">{{item.confirmedAt}}</text>
</view>
</view>
</view>
<view class="empty-state" wx:else>
<image src="/images/empty-match.svg" mode="aspectFit"></image>
<text>暂无比赛记录</text>
</view>
<view wx:if="{{loading}}" class="loading-state">
<text>加载中...</text>
</view>
</view>