uniappH5端上面是多搜索框查询，下面是列表模板

Uniapp H5端上面是多搜索框查询，下面是列表模板实现方式如下：

1. 在页面中添加列表组件，例如：

<uni-list>
  <uni-list-item v-for="(item, index) in listData" :key="item.id" :title="item.title"></uni-list-item>
</uni-list>

2. 在页面的JS文件中定义列表数据，例如：

export default {
  data() {
    return {
      listData: [
        { id: 1, title: "列表项1" },
        { id: 2, title: "列表项2" },
        { id: 3, title: "列表项3" }
      ]
    };
  }
};

3. 根据需求对列表项进行自定义，例如：

<uni-list>
  <uni-list-item v-for="(item, index) in listData" :key="item.id">
    <view class="list-item-title">{{ item.title }}</view>
    <view class="list-item-desc">{{ item.desc }}</view>
  </uni-list-item>
</uni-list>

4. 在CSS文件中定义列表项的样式，例如：

.list-item-title {
  font-size: 16px;
  color: #333;
}

.list-item-desc {
  font-size: 12px;
  color: #999;
}

5. 如果需要实现下拉刷新和上拉加载更多功能，可以使用uni-scroll组件，例如：

<uni-scroll class="scroll-container" :pullDownRefresh="true" :onRefresh="onRefresh" :pullUpLoad="true" :onLoadMore="onLoadMore">
  <uni-list>
    <uni-list-item v-for="(item, index) in listData" :key="item.id">
      <view class="list-item-title">{{ item.title }}</view>
      <view class="list-item-desc">{{ item.desc }}</view>
    </uni-list-item>
  </uni-list>
</uni-scroll>

6. 在页面的JS文件中定义下拉刷新和上拉加载更多的方法，例如：

export default {
  data() {
    return {
      listData: [
        { id: 1, title: "列表项1" },
        { id: 2, title: "列表项2" },
        { id: 3, title: "列表项3" }
      ]
    };
  },
  methods: {
    onRefresh() {
      // 下拉刷新数据
      // 更新列表数据
    },
    onLoadMore() {
      // 上拉加载更多数据
      // 更新列表数据
    }
  }
};

7. 在CSS文件中定义uni-scroll组件的样式，例如：

.scroll-container {
  height: 100%;
  overflow-y: auto;
}

通过以上步骤，就可以实现Uniapp H5端的列表模板功能了。