delivery-business/pages/order/order.wxml

<!--index.wxml-->
<view class="search-container">
  <view class="search-left">
    <input type="text" placeholder="  搜索用户手机号" />
  </view>
  <view class="search-right">
    <span>搜索</span>
  </view>
</view>

<view>
  <view class="tab-container">
    <view
      class="default {{ type == 'expend' ? 'expend-active' : '' }}"
      bindtap="handleType"
      data-type="expend"
      >待送达</view
    >
    <view
      class="default {{ type == 'earning' ? 'earning-active' : '' }}"
      bindtap="handleType"
      data-type="earning"
      >已送达</view
    >
    <view
      class="default {{ type == 'transaccount' ? 'transaccount-active' : '' }}"
      bindtap="handleType"
      data-type="transaccount"
      >已退款</view
    >
  </view>
</view>

<view class="order">
  <view class="ordertext1">
    <view class="order1">
        <span>订单编号:989898989898989</span>
        <view style="display: inline-flex; align-items: center">
          <text class="cate-more">详情</text>
          <view class="more">></view>
        </view>
      </view>
      <view class="borderline"> </view>
      <view class="content" >
        <view style="display: flex; justify-content: space-between; align-items: center;">
            <view>姓名：无敌</view>
        <view style="display: inline-flex; align-items: center; color: #ff6b6a;">
            <text class="cate-more">未送达</text>
            
          </view>
        </view>
        <view>手机号：1111111111</view>
        <view>地址：:哈尔滨施法大学公寓2号楼1门</view>
       <view style="display: flex; justify-content: space-between; align-items: center;">
        <view>下单时间:2022-08-18 13:18:34</view>
        <view style="display: inline-flex; align-items: center; width: 30vw; ">
        <button style="font-size:28rpx !important;background-color: #ff6b6a; color: #fff;">重新打印</button>

        </view>
       </view>
      </view>
  </view>
  <view class="ordertext1">
    <view class="order1">
        <span>订单编号:989898989898989</span>
        <view style="display: inline-flex; align-items: center">
          <text class="cate-more">详情</text>
          <view class="more">></view>
        </view>
      </view>
      <view class="borderline"> </view>
      <view class="content" >
        <view style="display: flex; justify-content: space-between; align-items: center;">
            <view>姓名：无敌</view>
        <view style="display: inline-flex; align-items: center; color: #ff6b6a;">
            <text class="cate-more">未送达</text>
            
          </view>
        </view>
        <view>手机号：1111111111</view>
        <view>地址：:哈尔滨施法大学公寓2号楼1门</view>
       <view style="display: flex; justify-content: space-between; align-items: center;">
        <view>下单时间:2022-08-18 13:18:34</view>
        <view style="display: inline-flex; align-items: center; width: 30vw; ">
        <button style="font-size:28rpx !important;background-color: #ff6b6a; color: #fff;">重新打印</button>

        </view>
       </view>
      </view>
  </view>
</view>