Fuelwx/components/orderInfo/orderInfo.wxml

<!-- 订单信息 -->
<view class="orderItemContainer" style="position: relative; left: 23rpx; top: -38rpx">
    <!-- 时间 -->
    <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 class="flip-image" src="../../images/oiloil.png" mode="aspectFit"></image>
      <view class="orderInfo">
        <text style="font-weight: 800; position: relative; left: 31rpx; top: 0rpx">{{order.oilName}}</text>
        <view class="nozzleAndVolume">
          <text class="nozzle" style="position: relative; left: 26rpx; top: 0rpx">{{order.nozzleNum}}号枪</text>
          <text class="volume" style="position: relative; left: 15rpx; top: 0rpx">{{order.volume}}</text>
          <text style="color: #0d7ee7; font-size: small; position: relative; left: 25rpx; top: 0rpx">升</text>
        </view>
      </view>
    </view>

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