<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/外卖小程序/麻辣烫-微辣.png" alt="" />
    </view>
    <view style="width: 300rpx; float: left;">
      <view class="content-detail">
        老式麻辣烫（微辣）
      </view>
      <view style="color:#8b8b8b;font-size: 13px;">
        *2
      </view>
    </view>

    <view class="order-money">
      ￥9.9+20积分
    </view>

    <view class="divLine">
    </view>

    <view style="height: 100rpx">
      <view class="content-left" style="color: #8b8b8b;">
        包装费:
        配送费:
      </view>
      <view class="content-right" style="color: red;font-weight: 500;">
        ￥0
        ￥3
      </view>
    </view>

  </view>

  <view class="remark">
    备注
    <view class="remark-underline">
    </view>
    不要香菜，不要蒜
  </view>

  <view class="logistics-box">
    <view style="height: 40rpx; padding-top: 20rpx;">
      <view class="logistic-information-left">
        订单编号：
      </view>
      <view class="logistic-information-right">
        989898854952336
      </view>
    </view>
    <view style=" margin: 20rpx 0rpx; background: #E0E3DA;width: 95%;height: 1rpx">
    </view>

    <view style="height: 40rpx; padding-top: 20rpx;">
      <view class="logistic-information-left">
        交易时间：
      </view>
      <view class="logistic-information-right">
        2023-04-25 15:56:18
      </view>
    </view>
    <view style=" margin: 20rpx 0rpx; background: #E0E3DA;width: 95%;height: 1rpx;">
    </view>

    <view style="height: 40rpx; padding-top: 20rpx;">
      <view class="logistic-information-left" style="width: 200rpx;">
        积分抵扣：
      </view>
      <view class="logistic-information-right">
        30积分
      </view>
    </view>
    <view style=" margin: 20rpx 0rpx; background: #E0E3DA;width: 95%;height: 1rpx;">
    </view>

    <view style="height: 40rpx; padding-top: 20rpx; padding-bottom: 20rpx;">
      <view class="logistic-information-left">
        实付金额：
      </view>
      <view class="logistic-information-right" style="color:red;">
        ￥21.98
      </view>
    </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: 95%;height: 1rpx;">
    </view>

    <view style="height: 40rpx; padding-top: 20rpx;">
      <view class="logistic-information-left" style="width: 200rpx;">
        {{peisongren}}
      </view>
    </view>
  </view>
  <!-- #end -->
  <view class="tabbar" style="margin-top: 15rpx ; padding-bottom: 10rpx;  display: flex;justify-content: center;margin-bottom: 0;">
    <van-button color="#aeaeae" round custom-style="margin-right: 20rpx; width: 300rpx" bind:click="onClickRefund"> {{tuikuan}} </van-button>
    <van-button color="#ff8e0b" round custom-style="width: 300rpx" bind:click="onClickrint">重新打印</van-button>
  </view>


</view>