搜索开发
搜索视觉稿
http://www.youbaobao.xyz/mpvue-design/preview/#artboard1
搜索页面组件结构图
标签组件
可交互的标签组件
组件名称 | 属性 | 参数 | 用途 | 默认值 |
---|---|---|---|---|
Tag | props | text | 标签文本 | (空) |
methods | onClick | 标签点击事件 | (空) |
标签分组组件
标签分组组件,包含一个标题和按钮,以及标签分组
组件名称 | 属性 | 参数 | 用途 | 默认值 |
---|---|---|---|---|
TagGroup | props | headerText | 标题文本 | (空) |
btnText | 按钮文本 | (空) | ||
value | 标签数据 | [] | ||
methods | onTagClick | 标签点击事件 | (空) | |
onBtnClick | 按钮点击事件 | (空) |
搜索分类组件
搜索列表中的分类组件
组件名称 | 属性 | 参数 | 用途 | 默认值 |
---|---|---|---|---|
SearchItem | props | title | 标题文本 | (空) |
subTitle | 副标题文本 | (空) | ||
icon | 图标类型 | (空) | ||
methods | onClick | 分类点击事件 | (空) |
搜索列表组件
搜索结果列表组件
组件名称 | 属性 | 参数 | 用途 | 默认值 |
---|---|---|---|---|
SearchTable | props | data | 列表数据 | [] |
methods | onClick | 图书点击事件 | (空) |
综合搜索列表组件
包含分类和列表的综合搜索列表
组件名称 | 属性 | 参数 | 用途 | 默认值 |
---|---|---|---|---|
SearchList | props | data | 列表数据 | {} |
methods | showList | 展示分类点击后的列表 | (空) |