laundry/pages/cabinet/index.wxml

<view class="page">
  <view class="box1">
    <view class="mod3">
      <text lines="1" class="word2">请先选择需要查看的柜子</text>
    </view>
    <view class="mod4">
      <view class="outer2">
        <view class="city" bindtap="city">
          <text lines="1" class="info2">{{vtype}}</text>
          <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/ic_xiajiantou%402x.png?sign=0f88c28f4bb4eb880a6af2fb54468091&t=1645189205" class="icon2"></image>
        </view>
        <view class="section1">
          <view class="group2">
            <view class="mod5"></view>
            <input type="text" name="serch" value="" bindinput="bindinput" placeholder-style="font-size:12px" placeholder="扫描下单码或输入柜名、编号"></input>
          </view>
          <view class="group3">
            <view class="section2"></view>
          </view>
        </view>
        <button bindtap="gettasklist" class="section3">
          <text lines="1" class="info3" >搜索</text>
        </button>
      </view>
    </view>
    <view class="mod6">
      <view class="layer1">
        <view class="group4">
          <text lines="1" class="word4">柜子列表</text>
          <text lines="1" class="txt3">共{{taskInfo.length}}组</text>
        </view>
        <view class="group5"></view>
      </view>
    </view>
   
      <view class="mod7" wx:for="{{taskInfo}}" wx:key="index">
        <navigator url="/pages/cabinet/cell?id={{item.id}}" >
        <view class="group6">
          <view class="bd1">
            <view class="mod8">
              <van-image width="80rpx" height="80rpx" lazy-load src="{{'/image/home/pic.png'}}" />
            </view>
          </view>

          <view class="bd2">
            <text lines="1" class="txt4">{{item.title}}</text>
            <view class="group7">
              <view class="mod9"></view>
              <text lines="1" class="{{item.is_online==1?'word5':'word8-0'}}">{{item.is_online==1?'在线':'离线'}}</text>
              <text lines="1" class="info4">{{item.address}}</text>
            </view>
          </view>

          <view class="bd3" wx:if="{{index==0}}">
            <text lines="1" class="word6">距离最近</text>
          </view>
          <text lines="1" class="word7">{{item.distance}}m</text>
        </view>
        <view class="group8">
          <view class="group9"></view>
        </view>
      </navigator>
      </view>

    
    <view class="mod13"></view>
  </view>

</view>

<van-popup show="{{ show }}" position="bottom" bind:close="onClose">
  <van-picker show="{{ show }}" columns="{{ columns }}" default-index="{{ 1 }}" bind:change="onChange" />

</van-popup>