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 src="../../images/oil.svg" mode="aspectFill" />
        <view class="oilInfo">
          <text class="oil">{{order.oilName}}</text>
          <text class="volume">{{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">
        <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 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 class="botton" bind:tap="buttonClick2">{{bottonText2}}</text>

</view>