pos_xcx/pages/order/order.wxml

<!-- pages/order/order.wxml -->
<view class="container">
    <!-- 倒计时 -->
    <view class="timer" wx:if="{{order.status==1}}">
        等待买家付款，剩余{{timer.minute}}分{{timer.second}}秒后自动关闭
    </view>
    <view class="code-info" wx:if="{{order.status==2}}">
        <view class="code card">
            <canvas class="canvas-code" style="width:280rpx;height:280rpx" canvas-id="qrCode" />
            <view class="code-text f13 c-707070" wx:if="{{order.writeOffStatus==1}}">
                进店请出示二维码进行核销
            </view>
            <view wx:if="{{order.writeOffStatus==2}}">
                <view class="refresh">券码已使用</view>
                <view class="code-text f13 c-707070">该券码已核销</view>
            </view>
        </view>
    </view>
    <view class="order card">
        <view class="order-img">
            <image class="" src="{{order.productImg}}"></image>
        </view>
        <view class="order-info">
            <view class="order-id f13 c-707070">{{order.orderSn}}</view>
            <view class="order-title c-202020">{{order.productName}}</view>
            <view class="order-price f18">¥{{order.orderMoney}}</view>
            <view class="order-date f13 c-707070">
                <mp-icon icon="time" size="18" class="icon" color="#707070"></mp-icon>
                {{order.appointmentTime}}
            </view>
        </view>
    </view>
    <view class="shop-info card">
        <view class="shop f17">{{ order.storeName}}</view>
        <view class="address f14 c-707070 ">
            <image src="../../images/icons/location.png"></image>
            {{order.address}}
        </view>
        <view class="f17 shop">场馆电话</view>
        <view class="tel f14 c-707070 ">
            <image src="../../images/icons/tel.png"></image>
            {{order.mobile}}
        </view>
    </view>
    <view class="order-btn">
        <view class="delete-btn" bindtap="cancelOrder" wx:if="{{order.status==1}}">取消订单</view>
        <view class="pay-btn" wx:if="{{order.status==1}}" bindtap="payOrder">确认支付</view>
        <view class="delete-btn" bindtap="deleteOrder" wx:if="{{order.status==3}}">删除订单</view>
    </view>
</view>