mini-shop/pages/ucenter/orderDetail/orderDetail.wxml

<view class="container">
  <lip-sync />
  <auth bindlogin="onShow" />
	
    <view class="order-info">
        <view class="item-a">下单时间：{{orderInfo.add_time}}</view>
        <view class="item-b">订单编号：{{orderInfo.order_sn}}</view>
        <view class="item-c">
            <view class="l">实付：<text class="cost">￥{{orderInfo.actual_price}}</text></view>
            <view class="r">
                <view wx:if="{{orderInfo.handleOption.pay}}">
                  <view class="btn" bindtap="cancelOrder">取消订单</view>
                  <view class="btn active" bindtap="payOrder">去付款</view>
                </view>
                <view wx:elif="{{orderInfo.handleOption.confirm}}">
                  <!-- <view class="btn" bindtap="cancelOrder">取消订单</view> -->
                  <view class="btn active" bindtap="confirmOrder">确认收货</view>
                </view>
                <view wx:else>
                  <!-- <view class="btn active" bindtap="cancelOrder">取消订单</view> -->
                </view>
            </view>
        </view>
    </view>

    <view class="order-goods">
        <view class="h">
            <view class="label">商品信息</view>
            <view class="status">{{orderInfo.order_status_text}}</view>
        </view>
        <view class="goods">
            <view class="item" wx:for="{{orderGoods}}" wx:key="{{item.id}}">
                <view class="brand">
                    <view class="brand-top">
                        <view class="brand-name" data-id="{{item.brandId}}" bindtap="gotoBrand">
                            <image src="https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/wxmall/images/dianpu.png"></image>
                            <view>{{item.brandName}}</view>
                            <image src="https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/wxmall/images/address_right.png"></image>
                        </view>
                        <text class="hj">共计{{item.orderGoodsVoList.length}}件商品</text>
                    </view>
                    <view class="brand-con" wx:for="{{item.orderGoodsVoList}}" wx:for-index="idx" wx:for-item="sub" wx:key="{{sub.id}}" bindtap="gotoGoods" data-id="{{sub.goods_id}}">
                        <image mode="aspectFill" class="sub-img" src="{{sub.list_pic_url}}"></image>
                        <view class="sub-info">
                            <view>{{sub.goods_name}}</view>
                            <view>￥{{sub.retail_price}} x {{sub.number}}</view>
                        </view>
                    </view>
                    <view class="btn-look"  data-id="{{item.id}}" data-no="{{item.shipping_no}}" wx:if="{{item.shipping_status}}" catchtap="gotoLogti"><text>查看物流</text></view>
                </view>
                <!-- <view class="img">
                    <image src="{{item.list_pic_url}}"></image>
                </view>
                <view class="info">
                    <view class="t">
                        <text class="name">{{item.goods_name}}</text>
                        <text class="number">x{{item.number}}</text>
                    </view>
                    <view class="attr">{{item.goods_specifition_name_value||''}}</view>
                    <view class="price">￥{{item.retail_price}}</view>
                </view> -->
            </view>
        </view>
    </view>

    <view class="order-bottom">
        <view class="address">
            <view class="t">
                <text class="name">{{orderInfo.consignee}}</text>
                <text class="mobile">{{orderInfo.mobile}}</text>
            </view>
            <view class="b">{{orderInfo.full_region + orderInfo.address}}</view>
        </view>
        <view class="total">
            <view class="t">
                <text class="label">商品合计：</text>
                <text class="txt">￥{{orderInfo.goods_price}}</text>
            </view>
            <view class="t">
                <text class="label">优惠券：</text>
                <text class="txt">￥-{{orderInfo.coupon_price}}</text>
            </view>
            <view class="t">
                <text class="label">运费：</text>
                <text class="txt">￥{{orderInfo.freight_price}}</text>
            </view>
        </view>
        <view class="pay-fee">
            <text class="label">实付：</text>
            <text class="txt">￥{{orderInfo.actual_price}}</text>
        </view>
    </view>
</view>