orders.wxml 2.6 KB

1
  1. <view class="container data-v-09724fb8"><view class="tab-header data-v-09724fb8"><view wx:for="{{a}}" wx:for-item="tab" wx:key="b" class="{{['data-v-09724fb8', 'tab-item', tab.c]}}" bindtap="{{tab.d}}">{{tab.a}}</view></view><scroll-view class="order-scroll data-v-09724fb8" scroll-y show-scrollbar="{{false}}"><view class="list-wrap data-v-09724fb8"><view wx:for="{{b}}" wx:for-item="order" wx:key="l" class="order-card data-v-09724fb8"><view class="card-header data-v-09724fb8"><text class="order-no data-v-09724fb8">{{order.a}}</text><view class="{{['data-v-09724fb8', 'status-badge', order.c]}}"><text class="data-v-09724fb8">{{order.b}}</text></view></view><view class="card-body data-v-09724fb8"><view class="body-top data-v-09724fb8"><view class="order-info data-v-09724fb8"><text class="order-name data-v-09724fb8">{{order.d}}</text><text class="order-company data-v-09724fb8">{{order.e}}</text></view><view class="price-block data-v-09724fb8"><text class="price-symbol data-v-09724fb8">¥</text><text class="price-num data-v-09724fb8">{{order.f}}</text></view></view><view class="order-meta data-v-09724fb8"><text class="meta-item data-v-09724fb8">{{order.g}}</text><text wx:if="{{order.h}}" class="meta-item data-v-09724fb8">定金订单</text></view></view><view wx:if="{{order.i}}" class="card-footer data-v-09724fb8"><button class="action-btn pay-btn data-v-09724fb8" bindtap="{{order.j}}">立即支付</button></view><view wx:elif="{{order.k}}" class="card-footer data-v-09724fb8"><text class="footer-tip data-v-09724fb8">支付完成,感谢您的购买</text></view></view><view wx:if="{{c}}" class="empty-state data-v-09724fb8"><image src="{{d}}" class="empty-img data-v-09724fb8"></image><text class="data-v-09724fb8">暂无相关订单记录</text></view><view wx:if="{{e}}" class="no-more data-v-09724fb8">—— 已到底啦 ——</view></view></scroll-view><view wx:if="{{f}}" class="modal-mask data-v-09724fb8" catchtouchmove="{{l}}"><view class="modal-container data-v-09724fb8"><view class="modal-title data-v-09724fb8">确认支付</view><view class="pay-info data-v-09724fb8"><view class="pay-row data-v-09724fb8"><text class="pay-label data-v-09724fb8">订单名称</text><text class="pay-value data-v-09724fb8">{{g}}</text></view><view class="pay-row data-v-09724fb8"><text class="pay-label data-v-09724fb8">支付金额</text><text class="pay-value price data-v-09724fb8">¥{{h}}</text></view></view><view class="modal-btns data-v-09724fb8"><button class="modal-btn cancel data-v-09724fb8" bindtap="{{i}}">取消</button><button class="modal-btn confirm data-v-09724fb8" bindtap="{{j}}" disabled="{{k}}">确认支付</button></view></view></view></view>