layui-ul/demo/search.html

<fieldset class="layui-elem-field layui-field-title">
  <legend>复杂检索筛选</legend>
  <div class="layui-field-box">
    <div class="ul-search-container">
      <div class="ul-search-item ul-padding-md layui-bg-gray">

        <form action="" class="layui-form">
          <div class="layui-form-item">

            <div class="layui-inline">
              <div class="layui-input-inline" style="width: 180px;">
                <select name="city" lay-verify="" lay-search="">
                  <option value="">请选择一个城市</option>
                  <option value="010">北京</option>
                  <option value="021">上海</option>
                  <option value="0571">杭州</option>
                </select>

              </div>

            </div>
            <div class="layui-inline">
              <div class="layui-input-inline" style="width: 180px;">
                <select name="city" lay-verify="" lay-search="">
                  <option value="">请选择一个价位</option>
                  <option value="010">100万</option>
                  <option value="021">10万</option>
                  <option value="0571">3元</option>
                </select>

              </div>

            </div>
            <div class="layui-inline">
              <button class="layui-btn">搜索</button>

            </div>

          </div>
        </form>
        <div class="search-item">
          <div class="ul-link-select">
            <div class="ul-link-title">
              风格:
            </div>
            <div class="ul-link-list">
              <div class="ul-link-item current">
                全部
              </div>
              <div class="ul-link-item">
                国产
              </div>
              <div class="ul-link-item">
                欧美
              </div>
              <div class="ul-link-item">
                日韩
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
  <legend>边框筛选组件</legend>
  <div class="layui-field-box">
    <div class="ul-link-select">
      <div class="ul-link-title">
        风格:
      </div>
      <div class="ul-link-list">
        <div class="ul-link-item current">
          全部
        </div>
        <div class="ul-link-item">
          国产
        </div>
        <div class="ul-link-item">
          欧美
        </div>
        <div class="ul-link-item">
          日韩
        </div>
      </div>
    </div>
  </div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
  <legend>按钮筛选组件</legend>
  <div class="layui-field-box">
    <div class="ul-padding-md ul-bg-gray">
      <div class="ul-padding-md ul-bg-white">
        <div class="ul-link-select">
          <div class="ul-link-title">
            风格:
          </div>
          <div class="ul-link-list">
            <div class="ul-link-item layui-btn layui-btn-xs">
              全部
            </div>
            <div class="ul-link-item">
              国产
            </div>
            <div class="ul-link-item">
              欧美
            </div>
            <div class="ul-link-item">
              日韩
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="ul-padding-md ul-bg-gray">
      <div class="ul-padding-md ul-bg-white">
        <div class="ul-link-select">
          <div class="ul-link-list">
            <div class="ul-link-item layui-btn layui-btn-xs">
              全部
            </div>
            <div class="ul-link-item">
              国产
            </div>
            <div class="ul-link-item">
              欧美
            </div>
            <div class="ul-link-item">
              日韩
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</fieldset>