orders.wxml 2.6 KB

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