YouTuan_wxapp/compone/order/order.wxml

<view class="orders-one" wx:if="{{orderData.goods.length>1}}">
  <view class="o-one">
    <view class="orders-top">
      <view class="o-top-left">
        <van-image round width="60rpx" style="margin-top: 8rpx;" fit="cover" height="60rpx" src="https://img.yzcdn.cn/vant/cat.jpeg" />
        <view class="o-top-left-name">
          <p style="color: #3F3F3F; font-size: 24rpx;font-weight: 600;">阿萍子</p>
          <p style="color:#878787; font-size:20rpx;">2021-09-21 19:30</p>
        </view>
      </view>
      <view class="o-top-right">
        <image wx:if="{{orderData.statu == 1}}" src="/images/erweima.png"></image>
        <p style="font-size: 28rpx;color: #FF874E;">{{orderData.statu==1?'待收货':'待付款'}}</p>
      </view>
    </view>
    <view class="orders-body">
      <view class="o-body-scroll">
        <scroll-view scroll-x="true" class="o-body-scrolls">
          <van-image width="77" class="o-b-s-img" height="77" wx:for="{{orderData.goods}}" wx:key="index" src="{{item.img}}" />
        </scroll-view>
        <view class="o-body-go">
          共{{orderData.goods.length}}件<image src="/images/go.png"></image>
        </view>
      </view>
    </view>
    <view class="orders-price">
      <p class="o-p-he">合计： </p>
      <p class="o-p-bi">C$ </p>
      <p class="o-p-ge">24.4</p>
    </view>
    <view class="orders-foot">
      <button class="orders-share">
        <image src="/images/share.png"></image>
        分享
      </button>
      <view class="orders-right">
        <button class="orders-rel">联系团长</button>
        <button class="orders-pay" wx:if="{{orderData.statu!=1}}">立即支付</button>
      </view>
    </view>
  </view>
</view>
<view class="order" wx:else>
  <view class="o-one">
    <view class="orders-top">
      <view class="o-top-left">
        <van-image round width="60rpx" style="margin-top: 8rpx;" fit="cover" height="60rpx" src="https://img.yzcdn.cn/vant/cat.jpeg" />
        <view class="o-top-left-name">
          <p style="color: #3F3F3F; font-size: 24rpx;font-weight: 600;">阿萍子</p>
          <p style="color:#878787; font-size:20rpx;">2021-09-21 19:30</p>
        </view>
      </view>
      <view class="o-top-right">
        <image src="/images/erweima.png" wx:if="{{orderData.statu==1}}"></image>
        <p style="font-size: 28rpx;color: #FF874E;">{{orderData.statu==1?'待收货':'待付款'}}</p>
      </view>
    </view>
    <view class="order-body">
      <van-image width="76" class="o-b-s-img" height="76" src="{{orderData.goods[0].img}}" />
      <view class="order-title">
        <view class="titinfo">
          <p>{{orderData.goods[0].name}}</p>
          <p>C$ 12.2</p>
        </view>
        <view class="guiinfo">
          <view>
            <p class="guige">规格：500 </p>
            <p>g/份</p>
          </view>
          <p>共2份</p>
        </view>
      </view>
    </view>
    <view class="orders-price">
      <p class="o-p-he">合计： </p>
      <p class="o-p-bi">C$ </p>
      <p class="o-p-ge">24.4</p>
    </view>
    <view class="orders-foot">
      <button class="orders-share">
        <image src="/images/share.png"></image>
        分享
      </button>
      <view class="orders-right">
        <button class="orders-rel">联系团长</button>
        <button class="orders-pay" wx:if="{{orderData.statu!=1}}">立即支付</button>
      </view>
    </view>
  </view>
</view>