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">
        <text lines="1" class="info2">北京</text>
        <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/ic_xiajiantou%402x.png?sign=0f88c28f4bb4eb880a6af2fb54468091&t=1645189205" class="icon2"></image>
        <view class="section1">
          <view class="group2">
            <view class="mod5"></view>
            <text lines="1" class="word3">扫描下单码或输入柜名、编号</text>
          </view>
          <view class="group3">
            <view class="section2"></view>
          </view>
        </view>
        <button bindtap="onClick" 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">共18组</text>
        </view>
        <view class="group5"></view>
      </view>
    </view>
    <navigator url="/pages/cabinet/cell?id=1">
    <view class="mod7">
      <view class="group6">
        <view class="bd1">
          <view class="mod8"></view>
        </view>
    
        <view class="bd2">
          <text lines="1" class="txt4">创星汇科技园1号柜</text>
          <view class="group7">
            <view class="mod9"></view>
            <text lines="1" class="word5">在线</text>
            <text lines="1" class="info4">东城18格</text>
          </view>
        </view>

        <view class="bd3">
          <text lines="1" class="word6">距离最近</text>
        </view>
        <text lines="1" class="word7">50m</text>
      </view>
      <view class="group8">
        <view class="group9"></view>
      </view>
    </view>
  </navigator>
    <view class="mod10">
      <view class="mod11-0">
        <view class="bd4-0">
          <view class="main1-0">
            <view class="bd5-0"></view>
          </view>
          <view class="main2-0">
            <text lines="1" class="info5-0">创星汇科技园开发柜</text>
            <view class="outer3-0">
              <view class="mod12-0"></view>
              <text lines="1" class="word8-0">离线</text>
              <text lines="1" class="txt5-0">东城18格</text>
            </view>
          </view>
          <text lines="1" class="word9-0">0.2km</text>
        </view>
        <view class="bd6-0">
          <view class="group10-0"></view>
        </view>
      </view>
      <view class="mod11-1">
        <view class="bd4-1">
          <view class="main1-1">
            <view class="bd5-1"></view>
          </view>
          <view class="main2-1">
            <text lines="1" class="info5-1">创星汇科技园测试柜</text>
            <view class="outer3-1">
              <view class="mod12-1"></view>
              <text lines="1" class="word8-1">在线</text>
              <text lines="1" class="txt5-1">东城18格</text>
            </view>
          </view>
          <text lines="1" class="word9-1">0.21km</text>
        </view>
        <view class="bd6-1">
          <view class="group10-1"></view>
        </view>
      </view>
      <view class="mod11-2">
        <view class="bd4-2">
          <view class="main1-2">
            <view class="bd5-2"></view>
          </view>
          <view class="main2-2">
            <text lines="1" class="info5-2">中南财大1号柜</text>
            <view class="outer3-2">
              <view class="mod12-2"></view>
              <text lines="1" class="word8-2">离线</text>
              <text lines="1" class="txt5-2">东城18格</text>
            </view>
          </view>
          <text lines="1" class="word9-2">0.32km</text>
        </view>
        <view class="bd6-2">
          <view class="group10-2"></view>
        </view>
      </view>
      <view class="mod11-3">
        <view class="bd4-3">
          <view class="main1-3">
            <view class="bd5-3"></view>
          </view>
          <view class="main2-3">
            <text lines="1" class="info5-3">中南财大2号柜</text>
            <view class="outer3-3">
              <view class="mod12-3"></view>
              <text lines="1" class="word8-3">在线</text>
              <text lines="1" class="txt5-3">东城18格</text>
            </view>
          </view>
          <text lines="1" class="word9-3">0.21km</text>
        </view>
        <view class="bd6-3">
          <view class="group10-3"></view>
        </view>
      </view>
      <view class="mod11-4">
        <view class="bd4-4">
          <view class="main1-4">
            <view class="bd5-4"></view>
          </view>
          <view class="main2-4">
            <text lines="1" class="info5-4">中南财大3号柜</text>
            <view class="outer3-4">
              <view class="mod12-4"></view>
              <text lines="1" class="word8-4">离线</text>
              <text lines="1" class="txt5-4">无屏柜</text>
            </view>
          </view>
          <text lines="1" class="word9-4">0.32km</text>
        </view>
        <view class="bd6-4">
          <view class="group10-4"></view>
        </view>
      </view>
    </view>
    <view class="mod13"></view>
  </view>
  <text lines="1" class="txt6">中南财大4号柜</text>
  <view class="box4">
    <view class="layer2"></view>
  </view>
</view>