delivery-business/pages/order_details/order_details.wxml

<view style="margin: 5%; ">
  <view class="order_box" style="padding: 30rpx;box-sizing: border-box;">
    <view class="order_title">
      哈尔滨师范大学第一公寓2门321</view>
    <view style="display: flex; justify-content: left;">
      <view class="order_smalltitle">
        颜值在线（女士）
      </view>
      <view class="order_phone">
        15639670876
      </view>
    </view>
  </view>

  <view class="content-box">
    <view class="content-title">
      <image class="img-1" src="../../images/malatang.png" alt="" />
    </view>
    <view style="width: 300rpx; float: left;">
      <view class="content-detail" style="font-size: 29rpx;">
        老式麻辣烫（微辣）
      </view>
      <view style="color:#8b8b8b;font-size: 26rpx;">
        *2
      </view>
    </view>
    <view class="order-money">
      ￥9.9+20积分
    </view>

    <view class="divLine">
    </view>
    <view style="margin:3%">
      <view class="card1" style=" margin-bottom: 8rpx;">
        <text style="font-size:29rpx;color: #8b8b8b;line-height: 28px;">包装费</text>
        <text style="font-size:29rpx;color: red;padding-right: 20rpx;">￥0</text>
      </view>
      <view class="card1">
        <text style="font-size:29rpx;color: #8b8b8b;">配送费</text>
        <text style="font-size:29rpx; color: red;font-weight: 500;  padding-right: 20rpx;">￥3</text>
      </view>
    </view>
  </view>

  <view class="remark" style="font-size: 28rpx;">
    备注
    <view class="remark-underline">
    </view>
    不要香菜，不要蒜
  </view>


  <view class="logistics-box">
    <view class="card1" style="padding-top: 20rpx;">
      <text style="font-size:29rpx;color: #8b8b8b;">订单编号：</text>
      <text style="font-size:26rpx; font-weight: 500; padding-right: 20rpx;">989898854952336</text>
    </view>
    <view style=" margin: 20rpx 0rpx; background: #E0E3DA;width: 95%;height: 1rpx">
    </view>
    <view class="card1" style="padding-top: 15rpx;">
      <text style="font-size:29rpx;color: #8b8b8b;">交易时间：</text>
      <text style="font-size:26rpx; font-weight: 500; padding-right: 20rpx;">2023-04-25 15:56:18</text>
    </view>
    <view style=" margin: 20rpx 0rpx; background: #E0E3DA;width: 95%;height: 1rpx;">
    </view>
    <view class="card1" style="padding-top: 15rpx;">
      <text style="font-size:29rpx;color: #8b8b8b;">积分抵扣：</text>
      <text style="font-size:26rpx; font-weight: 500; padding-right: 20rpx;">30积分</text>
    </view>
    <view style=" margin: 20rpx 0rpx; background: #E0E3DA;width: 95%;height: 1rpx;">
    </view>
    <view class="card1" style="padding-top: 15rpx;">
      <text style="font-size:29rpx;color: #8b8b8b;padding-bottom: 20rpx;">实付金额：</text>
      <text style="font-size:26rpx; font-weight: 500; padding-right: 20rpx;">￥21.98</text>
    </view>
  </view>

  <!-- 点击  是否显示  配送人  通过wx:if = {{yipeisong}}   if yipeisong == true  显示  -->
  <view class="logistics-box" wx:if="{{yipeisong}}">
    <view style="height: 40rpx; padding-top: 20rpx;">
      <view class="logistic-information-left">
        配送人
      </view>
    </view>
    <view style=" margin: 15rpx 0rpx; background: #E0E3DA;width: 95%;height: 1rpx;">
    </view>
    <view style="height: 40rpx; padding-bottom: 20rpx;">
      <view class="logistic-information-left" style="width: 200rpx;">
        {{peisongren}}
      </view>
    </view>
  </view>

  <!-- #end -->
  <view class="tabbar">
    <van-button color="#aeaeae" round custom-style="margin-right: 20rpx; width: 300rpx; font-size: 28rpx;" bind:click="onClickRefund"> {{tuikuan}} </van-button>
    <van-button color="#ff8e0b" round custom-style="width: 300rpx; font-size: 28rpx;" bind:click="onClickrint">重新打印</van-button>
  </view>


</view>