delivery-business/pages/index/index.wxml

<view class="header">
  <view class="text">
    <input type="text" placeholder="搜索用户手机号" />
  </view>
  <view class="btn1">
    <button>搜索</button>
  </view>
</view>

<view class="serve">
  <van-tabs active="a">
    <van-tab title="待送达" name="a">
      <view class="serve-con">
        <view class="content1">
          <view class="content-num">
            <view>订单编号:98989898989<view class="num-left">详情></view>
            </view>
          </view>
          <view class="content-msg">
          <view class="msg-left">姓名：吴迪 （先生）<view class="msg-right">待送达</view></view>
          <view class="msg-left">手机号：13889004083</view>
          <view class="msg-left">地址：黑龙江工程学院二公寓408</view>
          <view class="msg-left">下单时间：2023-4-27 09:06:29<button class="btn2">重新打印</button> </view>
          </view>
        </view>
        <view class="content1">
          <view class="content-num">
            <view>订单编号:98989898989<view class="num-left">详情></view>
            </view>
          </view>
          <view class="content-msg">
          <view class="msg-left">姓名：吴迪 （先生）
          <text class="msg-right">待送达</text>
          </view>
          <view class="msg-left">手机号：13889004083</view>
          <view class="msg-left">地址：黑龙江工程学院二公寓408</view>
          <view class="msg-left">下单时间：2023-4-27 09:06:29 <button class="btn2">重新打印</button> </view>
          </view>
        </view>
      </view>
    </van-tab>
    <van-tab title="已送达" name="b">
      <view class="serve-con">
        <view class="content1">
          <view class="content-num">
            <view>订单编号:98989898989<view class="num-left">详情></view>
            </view>
          </view>
          <view class="content-msg">
          <view class="msg-left">姓名：吴迪 （先生）
            <text class="msg-right" style="color:#D3D3D3	 ;">已送达</text>
          </view>
          <view class="msg-left">手机号：13889004083</view>
          <view class="msg-left">地址：黑龙江工程学院二公寓408</view>
          <view class="msg-left">下单时间：2023-4-27 09:06:29<button class="btn2">重新打印</button> </view>
          </view>
        </view>
        <view class="content1">
          <view class="content-num">
            <view>订单编号:98989898989<view class="num-left">详情></view>
            </view>
          </view>
          <view class="content-msg">
          <view class="msg-left">姓名：吴迪 （先生）
          <text class="msg-right" style="color:#D3D3D3	 ;">已送达</text>
          </view>
          <view class="msg-left">手机号：13889004083</view>
          <view class="msg-left">地址：黑龙江工程学院二公寓408</view>
          <view class="msg-left">下单时间：2023-4-27 09:06:29 <button class="btn2">重新打印</button> </view>
          </view>
        </view>
      </view>
    </van-tab>
    <van-tab title="已付款" name="c">
      <view class="serve-con">
        <view class="content1">
          <view class="content-num">
            <view>订单编号:98989898989<view class="num-left">详情></view>
            </view>
          </view>
          <view class="content-msg">
          <view class="msg-left">姓名：吴迪 （先生）
            <text class="msg-right" style="color:#D3D3D3	 ;">已付款</text>
          </view>
          <view class="msg-left">手机号：13889004083</view>
          <view class="msg-left">地址：黑龙江工程学院二公寓408</view>
          <view class="msg-left">下单时间：2023-4-27 09:06:29<button class="btn2">重新打印</button> </view>
          </view>
        </view>
        <view class="content1">
          <view class="content-num">
            <view>订单编号:98989898989<view class="num-left">详情></view>
            </view>
          </view>
          <view class="content-msg">
          <view class="msg-left">姓名：吴迪 （先生）
          <text class="msg-right" style="color:#D3D3D3	 ;">已付款</text>
          </view>
          <view class="msg-left">手机号：13889004083</view>
          <view class="msg-left">地址：黑龙江工程学院二公寓408</view>
          <view class="msg-left">下单时间：2023-4-27 09:06:29 <button class="btn2">重新打印</button> </view>
          </view>
        </view>
      </view>
    </van-tab>
  </van-tabs>
</view>

<view class="footer">
<view class="footer-img">
<view class="img-box">
  <van-icon name="orders-o" size="30px" />
  <view>订单</view>
</view>
</view>
<view class="footer-img">
<view class="img-box">
  <van-icon name="chat-o" dot size="30px"/>
  <view>消息</view>
</view>
</view>
<view class="footer-img">
<view class="img-box">
  <van-icon name="user-o" size="30px"/>
  <view>我的</view>
</view>
  
</view>
</view>