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>
  </view>

  <view class="content-box">
    <view style="display:flex;" class="content">
      <image class="img-1" src="./images/malatang.png" alt="" />
      <view style="display: flex;margin-top: 8rpx;">
        <view style="width: 250rpx; ">
          <view class="content-detail" style="font-size: 26rpx;color: #333333;font-size: 26rpx;">
            老式麻辣烫（微辣）
          </view>
          <view style="color:#9f9f9f;font-size: 26rpx;margin-top: 15rpx;">
            *2
          </view>
        </view>
        <view>
          <view class="order-money">
            ￥9.9+20积分
          </view>
          <view class="order_phone">
            ￥15.9
          </view>
        </view>
      </view>


    </view>


    <view>
      <view class="card1" style="margin:3%  3% 8rpx">
        <text style="font-size:29rpx;color: #8b8b8b;line-height: 28px;">包装费：</text>
        <text style="font-size:29rpx;color: #e92668;padding-right: 20rpx;">￥0</text>
      </view>
      <view class="divLine">
      </view>
      <view class="card1" style="margin: 10rpx 3% 5rpx">
        <text style="font-size:29rpx;color: #8b8b8b;">配送费：</text>
        <text style="font-size:29rpx; color: #e92668;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; padding-bottom: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: 0rpx; background: #E0E3DA;width: 97%;height: 2rpx">
    </view>
    <view class="card1" style="padding-top: 20rpx; padding-bottom:20rpx">
      <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:0rpx; background: #E0E3DA;width: 97%;height: 2rpx;">
    </view>
    <view class="card1" style="padding-top: 20rpx;padding-bottom:20rpx">
      <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:  0rpx; background: #E0E3DA;width: 97%;height: 2rpx;">
    </view>
    <view class="card1" style="padding-top: 20rpx;padding-bottom:20rpx">
      <text style="font-size:29rpx;color: #8b8b8b;padding-bottom: 10rpx;">实付金额：</text>
      <text style="font-size:26rpx; font-weight: 500; padding-right: 20rpx;color:#e92668">￥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: 20rpx 0rpx; background: #E0E3DA;width: 97%;height: 2rpx;">
    </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>