delivery-rider/pages/details/details.wxml

<view style="margin: 5%; " class="all">
  <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; margin-left: 10rpx; color: #8b8b8b;">
      <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/tupian2.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; color: #FF4500;">￥21.98</text>
    </view>
    <!-- 点击  是否显示  送达日期  通过wx:if = {{yipeisong}}   if yipeisong == true  显示  -->
    <view wx:if="{{!show}}">
      <view style=" margin: 20rpx 0rpx; background: #E0E3DA;width: 95%;height: 1rpx;">
      </view>
      <view style="font-size:29rpx;color: #8b8b8b;padding-bottom: 20rpx;">
        送达时间：{{date}}
      </view>
    </view>
  </view>



  <view wx:if="{{show}}">
    <button class="btns" bindtap="serverd">确认送达</button>
  </view>
</view>