nova-trip/nova-tourism/pages/my/order-details/order-pay/index.wxml

<nav type="back" background-color="{{activeColor}}" title="订单详情" frontColor="#ffffff" />
<view class="box">
    <view class="order-number">
        <view class="number">订单号：{{shopOrder.orderNum}}</view>
        <view class="state">待支付</view>
    </view>
    <view class="order-txt">
        <image class="order-image" src="{{shopOrder.image}}" />
        <view class="order-name">
            <view>{{shopOrder.name}}</view>
            <view class="order-price" style="color: {{activeColor}};">￥{{shopOrder.price}}</view>
        </view>
    </view>
</view>
<view class="box">
    <view class="name">{{shopOrder.shopStore.storeName}}</view>
    <view class="time">营业时间：{{shopOrder.shopStore.workingTime}}</view>
    <view class="time">地址：{{shopOrder.shopStore.address}}</view>
    <view class="taxi">
        <view class="taxi-box" bindtap="taxi">
            <view class="taxi-phone">
                <van-icon size="60rpx" name="https://file-cloud.fmode.cn/sHNeVwSaAg/20220413/5oaona032247.png" />
            </view>
            <view class="taxi-name">打车</view>
        </view>
        <view class="taxi-boxs" bindtap="phone">
            <view class="taxi-phone">
                <van-icon size="60rpx" name="https://file-cloud.fmode.cn/sHNeVwSaAg/20220413/jip51n032425.png" />
            </view>
            <view class="taxi-name">电话</view>
        </view>
    </view>
</view>
<block wx:if="{{shopOrder.status==200}}">
    <view class="box">
        <view class="name">凭证信息</view>
        <view class="code">
            <image class="code-img" src="{{qrcode}}" />
        </view>
    </view>
</block>
<view class="box">
    <view class="name">卡券内容</view>
    <rich-text nodes="{{shopOrder.goods.details}}" style="width: 92%;height: 100%; margin-right: 0 auto;"></rich-text>
</view>
<view class="box">
    <view class="name">温馨提示</view>
    <block wx:for="{{shopOrder.goods.services}}" wx:key="index">
        <view class="voucher">{{item.value}}</view>
    </block>
</view>
<view class="box">
    <view class="name">订单信息</view>
    <view class="order-details">
        订单编号：
        <view class="number">{{shopOrder.orderNum}}</view>
    </view>
    <view class="order-details">
        下单时间：
        <view class="number">{{orderTime}}</view>
    </view>
    <view class="order-details">
        数量：
        <view class="number">{{shopOrder.count}}</view>
    </view>
    <view class="order-details">
        总价：
        <view class="number">{{shopOrder.price}}</view>
    </view>
</view>
<block wx:if="{{shopOrder.status==100}}">
    <view class="bommon">
        <view class="bommon-price" style="color: {{activeColor}};">￥{{shopOrder.price}}</view>
        <view class="bommon-pay" bindtap="storepackage" style="background-color: {{activeColor}};">立即支付</view>
    </view>
    <payment style="z-index: 99999;" id='payMent' show="{{show}}" tradeNo="{{tradeNo}}" price="{{shopOrder.price}}" bind:payResult='acceptResult' showType="wxpay"/>
</block>