60 lines
2.1 KiB
Plaintext
60 lines
2.1 KiB
Plaintext
<!--战绩列表页面-->
|
|
<custom-navbar title="战绩记录" />
|
|
<view class="container" style="margin-top: {{navbarHeight}}px;">
|
|
<!-- 统计概览卡片 -->
|
|
<view class="stats-overview card">
|
|
<view class="overview-item">
|
|
<view class="overview-number">{{totalSessions}}</view>
|
|
<view class="overview-label">参与场次</view>
|
|
</view>
|
|
<view class="divider-vertical"></view>
|
|
<view class="overview-item">
|
|
<view class="overview-number {{totalProfit > 0 ? 'win' : totalProfit < 0 ? 'lose' : ''}}">
|
|
{{totalProfit > 0 ? '+' : ''}}{{totalProfit}}
|
|
</view>
|
|
<view class="overview-label">累计盈亏</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 牌局列表 -->
|
|
<view class="sessions-list">
|
|
<view class="session-card card" wx:for="{{sessions}}" wx:key="id" data-id="{{item.id}}">
|
|
<!-- 第一行：房间名 + 类型 + 时间 -->
|
|
<view class="session-header">
|
|
<view class="session-name">{{item.room_name}}</view>
|
|
<view class="session-right">
|
|
<view class="game-type">{{item.gameTypeName}}</view>
|
|
<view class="session-time">{{item.timeText}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 第二行：其他玩家 + 我的盈亏 -->
|
|
<view class="session-body">
|
|
<view class="player-names">{{item.otherPlayersText}}</view>
|
|
<view class="profit-section">
|
|
<view class="profit-label">我的盈亏</view>
|
|
<view class="profit-value {{item.my_win_loss > 0 ? 'win' : item.my_win_loss < 0 ? 'lose' : ''}}">
|
|
{{item.profitText || 0}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 加载状态 -->
|
|
<view class="loading-more" wx:if="{{loading}}">
|
|
<view>加载中...</view>
|
|
</view>
|
|
|
|
<!-- 没有更多 -->
|
|
<view class="no-more" wx:if="{{!hasMore && sessions.length > 0}}">
|
|
<view>没有更多了</view>
|
|
</view>
|
|
|
|
<!-- 空状态 -->
|
|
<view class="empty" wx:if="{{!loading && sessions.length === 0}}">
|
|
<view class="empty-icon">📝</view>
|
|
<view class="empty-view">暂无战绩记录</view>
|
|
<view class="empty-hint">快去创建或加入牌局吧</view>
|
|
</view>
|
|
</view> |