hhface-project/pages/service/index.axml

<view class="list">
  <view a:if="{{ isSearch }}" class="list-search">
    <view class="list-info-item">
      <view class="list-info-item-tit">VID</view>
      <input
        type="text"
        value="{{searchData.data.vid}}"
        placeholder="请输入VID"
        onInput="getVid"
      ></input>
    </view>
    <view class='list-info-item'>
      <view class="list-info-item-tit">姓名</view>
      <input value="{{searchData.data.certName}}" placeholder="请输入姓名" onInput="getUserName" />
    </view>
    <view class='list-info-item'>
      <view class="list-info-item-tit">身份证号</view>
      <input value="{{searchData.data.certNo}}" placeholder="请输入身份证号" onInput="getCardID" />
    </view>
    <view class="list-search-footer">
      <view class="list-search-btn">
        <button onTap="handleClear">清空</button>
      </view>
      <view class="list-search-btn1">
        <button onTap="handleSearch">搜索</button>
      </view>
    </view>
  </view>
  <view a:if="{{ !isSearch }}" class="list-top" onTap="openSearch">
    <view class="list-top-icon">
      <image mode="aspectFill" src="../../static/service/down.png" />
    </view>
    <view>
      查询
    </view>
  </view>
  <view a:else class="list-top" onTap="closeSearch">
    <view class="list-top-icon">
      <image mode="aspectFill" src="../../static/service/up.png" />
    </view>
  </view>
  <view a:for="{{ userList }}" class="list-content" a:key="index">
    <view class="list-content-tit">
      {{item.vid}}
    </view>
    <view class="list-content-main">
      <view class="list-main-left">
        <view class="list-main-left-item">
          <view class="list-main-left-img">
            <image mode="scaleToFill" src="../../static/service/name.png" />
          </view>
          <view class="list-main-left-name">
            {{item.certName}}
          </view>
        </view>
        <view class="list-main-left-item">
          <view class="list-main-left-img">
            <image mode="scaleToFill" src="../../static/service/card.png" />
          </view>
          <view class="list-main-left-name">
            {{item.certNo}}
          </view>
        </view>
      </view>
      <view class="list-main-right" onTap="outStorage" data-item="{{item.vid}}">
        <view class="list-main-right-img">
          <image mode="scaleToFill" src="../../static/service/outicon.png" />
        </view>
      </view>
    </view>
  </view>

</view>