Fuelwx/components/orderItemInfo/orderItemInfo.wxml

<view class="orderItemInfoContainer">
  <!-- 订单信息 -->
  <view class="orderInfoBox">
    <!-- 油枪 -->
    <view class="nozzleAndStatus">
      <text class="nozzle">{{order.nozzle}} 号油枪</text>
      <text class="status" style="color: {{order.statusColor}};">{{order.status}}</text>
    </view>


    <view class="orderInfo" style="height: {{contentHeight}}vh;" bind:tap="showOrHide">
      <!-- 订单主要信息 -->
      <view class="mainInfo">
        <image style="width: 150rpx; height: 140rpx; display: block; box-sizing: border-box; position: relative; left: 0rpx; top: 14rpx" class="youqiang" src="/images/oiloil.png" mode="aspectFill" />
        <view class="oilInfo">
          <text class="oil" style="position: relative; left: 22rpx; top: 0rpx">{{order.oilName}}</text>
          <text class="volume" style="position: relative; left: 22rpx; top: 0rpx">{{order.volume}}升数</text>
        </view>
        <view class="amountBox">
          <text class="mainAmount">￥ {{order.payAmount}}</text>
          <image src="../../images/down.png" mode="aspectFill" style="transform: rotate({{rotateDeg}}deg);" />
        </view>
      </view>
       <!-- 分割线 -->
    <view class="line"></view>

<view class="orderDetailInfo transition-box">
  <view>
    <text>升数</text>
    <text>{{order.volume}}L</text>
  </view>
  <view>
    <text>单价</text>
    <text>￥ {{order.price}}</text>
  </view>

  <!-- 分割线 -->
  <view class="line"></view>

  <!-- 详情信息 -->
  <view class="orderDetailInfo transition-box">
    <view>
      <text>金额</text>
      <text>￥ {{order.amount}}</text>
    </view>
    <view>
      <text>优惠</text>
      <text>-{{order.discount}}</text>
    </view>
    <view>
      <text>合计</text>
      <text>￥ {{order.payAmount}}</text>
    </view>
  </view>
</view>
    </view>

   
    <!-- 分割线 -->
    <view class="line"></view>

    <!-- 其余信息 -->
    <view class="orderDetailInfo">
      <view>
        <text>交易订单号</text>
        <text>{{order.orderId}}</text>
      </view>
      <view>
        <text>时间</text>
        <text>{{order.time}}</text>
      </view>
    </view>
  </view>

  <text wx:if="{{bottonText2 != ''}}" class="botton" bind:tap="buttonClick2">{{bottonText2}}</text>

</view>