Fuelwx/components/orderInfo/orderInfo.wxml

<!-- 订单信息 -->
<view class="orderItemContainer">
    <!-- 时间 -->
    <view class="dateTime">
      <text style="margin-left: 3%;color: #a7a7a7;font-size: smaller;">{{order.date}}</text>
      <text style="font-weight: 600;margin-right: 3%;">{{order.time}}</text>
    </view>

    <!-- 中间订单信息 -->
    <view class="middle">
      <image src="../../images/oil.svg" mode="aspectFit"></image>
      <view class="orderInfo">
        <text style="font-weight: 800;">{{order.oilName}}</text>
        <view class="nozzleAndVolume">
          <text class="nozzle">{{order.nozzleNum}}号枪</text>
          <text class="volume">{{order.volume}}</text>
          <text style="color: #ff4e0e;font-size: small;">升</text>
        </view>
      </view>
    </view>

    <!-- 底部金额-->  
    <view class="bottom">
      <view class="amount">
        <text>合计</text>
        <text>￥</text>
        <text>{{order.amount}}</text>
      </view>
    </view>
  </view>