1.0.0 • Published 4 years ago
@mas.io/mas-cpay-searchlist v1.0.0
安装
tnpm install --save @alipay/mas-cpay-searchlist
API
参数 | 说明 | 类型 | 是否必传 | 默认值 |
---|---|---|---|---|
isSearchable | 是否显示搜索栏目 | Boolean | 否 | true |
onLoad | 获取分页数据加载函数 | Function | 是 | 空函数 |
pageSize | 每页数据条目数 | Number | 否 | 10 |
onReloaded | 加载完第一页数据时触发该函数 | Function | 否 | 空函数 |
onLoad执行时,第一个参数为{ page, pageSize, search }, page代表当前加载的是第几页的数据,pageSize代表一页展示多少条数据,search代表搜索框里的内容,该方法期望返回的值是[err, { total: 0, list: []}] ,err表明数据加载有没有出错,total代表总的条目数, list是当前页的内容。
Slot
Name | 说明 | 是否必传 |
---|---|---|
search-list-item | 每一条数据展现形式 | 是 |
search-list-header | 列表头部填充内容 | 否 |
search-list-loading | 数据加载中的样式 | 否 |
search-list-empty | 当数据为空时的样式 | 否 |
search-list-empty-text | 当数据为空时的提示文案 | 否 |
search-list-load-more | 点击查看更多样式 | 否 |
search-list-footer | 没有更多数据时的展示内容 | 否 |