59 lines
2.2 KiB
Plaintext
59 lines
2.2 KiB
Plaintext
<view class="order-page">
|
|
<!-- 骨架屏 -->
|
|
<view class="list" wx:if="{{skeleton}}">
|
|
<view class="order-card skeleton-card" wx:for="{{[1,2,3]}}" wx:key="*this">
|
|
<view class="card-row card-row--top">
|
|
<view class="skeleton-line skeleton-title"></view>
|
|
<view class="skeleton-line skeleton-status"></view>
|
|
</view>
|
|
<view class="card-row">
|
|
<view class="skeleton-line skeleton-time"></view>
|
|
</view>
|
|
<view class="card-row card-row--amount">
|
|
<view class="skeleton-line skeleton-amount"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="list" wx:else>
|
|
<!-- 订单卡片列表 -->
|
|
<view
|
|
class="order-card"
|
|
wx:for="{{orders}}"
|
|
wx:key="id"
|
|
bindtap="onOrderTap"
|
|
data-id="{{item.id}}"
|
|
>
|
|
<!-- 第一行：赛事名 + 状态 -->
|
|
<view class="card-row card-row--top">
|
|
<text class="event-name">{{item.eventName}}</text>
|
|
<text class="order-status status-{{item.statusKey}}">{{item.statusText}}</text>
|
|
</view>
|
|
<!-- 第二行：支付时间 -->
|
|
<view class="card-row">
|
|
<text class="pay-time">支付时间：{{item.payTimeStr}}</text>
|
|
</view>
|
|
<!-- 第三行：金额信息 -->
|
|
<view class="card-row card-row--amount">
|
|
<text class="amount-item">实付金额：<text class="amount-val">¥{{item.actualAmount}}</text></text>
|
|
<text class="amount-item" wx:if="{{item.refundAmount}}">退款金额：<text class="amount-val">¥{{item.refundAmount}}</text></text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 空状态 -->
|
|
<view wx:if="{{orders.length === 0 && !loading}}" class="empty">
|
|
<image class="empty-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/nothing.png" mode="aspectFit" />
|
|
<text class="empty-text">暂无订单</text>
|
|
</view>
|
|
|
|
<!-- 加载更多 -->
|
|
<view class="list-footer" wx:if="{{orders.length > 0}}">
|
|
<text wx:if="{{noMore}}" class="footer-text">没有更多了</text>
|
|
<view wx:elif="{{loading}}" class="loading-more">
|
|
<view class="loading-spinner"></view>
|
|
<text class="footer-text">加载中...</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|