48 lines
1.7 KiB
Plaintext
48 lines
1.7 KiB
Plaintext
<view class="order-page">
|
|
<!-- <mp-navigation-bar
|
|
title="我的订单"
|
|
background-color="#ffffff"
|
|
color="#333"
|
|
bind:click-left="onBack"
|
|
left-arrow
|
|
></mp-navigation-bar> -->
|
|
|
|
<view class="list">
|
|
<!-- 订单卡片列表 -->
|
|
<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>
|
|
<text wx:elif="{{loading}}" class="footer-text">加载中...</text>
|
|
</view>
|
|
</view>
|
|
</view>
|