一个列表页面可以分成三部分

• 搜索区域：搜索区域使用flex布局，搜索条件被包含在了el-form中，条件自动换行
• 列表区域：列表区域的高度是整个页面的高度减去搜索区域高度再减去其他组件高度，并且当其他区域的高度变化时列表区域可以自适应
• 其他组件：这里包含了需要显示在表格下面的内容，比如分页

基本用法

用户名

姓名

没有数据

vue

提示

虽然hl-search-page已经帮我们减少了页面的结构布局代码，但是在开发中我们大概率还是用不到hl-search-page，因为示例代码中依然存在很多重复性代码，对此@hl/hooks包中的useList函数又对hl-search-page封装了一层，大大减少了我们的重复性代码。

插槽

插槽名	说明
header	搜索区域的内容
table	列表内容
default	列表后面的内容