order.wxml 2.4 KB

1
  1. <view class="page-container data-v-88bf5328"><view class="custom-navbar data-v-88bf5328"><view class="navbar-back data-v-88bf5328" bindtap="{{a}}"><text class="back-icon data-v-88bf5328">‹</text></view><view class="navbar-title data-v-88bf5328"><text class="title-text data-v-88bf5328">我的订单</text></view><view class="navbar-placeholder data-v-88bf5328"></view></view><scroll-view class="scroll-view data-v-88bf5328" scroll-y><view class="content-wrapper data-v-88bf5328"><view class="main-card data-v-88bf5328"><view wx:if="{{b}}" class="loading-state data-v-88bf5328"><view class="loading-spinner data-v-88bf5328"></view><text class="loading-text data-v-88bf5328">加载中...</text></view><view wx:elif="{{c}}" class="empty-state data-v-88bf5328"><view class="empty-icon-wrap data-v-88bf5328"><text class="empty-icon data-v-88bf5328">📋</text></view><text class="empty-title data-v-88bf5328">暂无订单</text><text class="empty-desc data-v-88bf5328">您还没有任何订单记录</text></view><view wx:else class="order-list data-v-88bf5328"><view wx:for="{{d}}" wx:for-item="order" wx:key="m" class="{{['order-item', 'data-v-88bf5328', order.n && 'no-border']}}"><view class="order-top data-v-88bf5328"><view class="{{['pool-tag', 'data-v-88bf5328', order.c]}}"><text class="tag-icon data-v-88bf5328">{{order.a}}</text><text class="tag-text data-v-88bf5328">{{order.b}}</text></view><view class="{{['status-badge', 'data-v-88bf5328', order.e]}}"><text class="data-v-88bf5328">{{order.d}}</text></view></view><view class="order-middle data-v-88bf5328"><view class="order-info data-v-88bf5328"><text class="info-label data-v-88bf5328">订单号</text><text class="order-no data-v-88bf5328">{{order.f}}</text></view><text class="order-price data-v-88bf5328">¥{{order.g}}</text></view><view class="order-bottom data-v-88bf5328"><view wx:if="{{order.h}}" class="time-row data-v-88bf5328"><text class="time-label data-v-88bf5328">到期时间</text><text class="time-value highlight data-v-88bf5328">{{order.i}}</text></view><view class="time-row data-v-88bf5328"><text class="time-label data-v-88bf5328">创建时间</text><text class="time-value data-v-88bf5328">{{order.j}}</text></view></view><view wx:if="{{order.k}}" class="order-action data-v-88bf5328"><view class="pay-btn data-v-88bf5328" bindtap="{{order.l}}"><text class="data-v-88bf5328">立即支付</text></view></view></view></view></view><view class="bottom-safe-area data-v-88bf5328"></view></view></scroll-view></view>