侧边导航分类, 适用于商品分类导航 - 更新日志
1.0.3(2020-08-19)
修复组件在微信小程序下的bug
1.0.2(2020-08-07)
版本v1.0.2 更新文档内容,修复因offsetTop设定引发的bug
1.0.1(2020-07-16)
版本v1.0.1 修复bug,更新文档内容
1.0.0(2020-07-16)
版本号
1.0.0
描述
侧边栏导航,类似于美团外卖商品列表页,支持右侧滚动时左侧对应到相应锚点,支持右侧滚动时对应锚点吸顶。
使用方式
<category-list :height="400" :defaultActive="2" :offsetTop="200" :categoryList="categoryList" @categoryMainClick="categoryMainClick"
@categorySubClick="categorySubClick"></category-list>
参数说明
属性名 | 说明 | 类型 | 默认值 | 备注 |
---|---|---|---|---|
height | 当前列表的高度 | Number | 屏幕高度 | |
sticky | 是否开启锚点自动吸顶 | Boolean | true | |
offsetTop | 锚点自动吸顶时与顶部的距离 | Number | 0 | |
defaultActive | 默认选中的index值 | Number | 0 | |
zIndex | 锚点吸顶时的层级 | Number | 965 | |
categoryList | 列表 | Array | [] | 结构为[{name: 'xx', subCategoryList: []}] |
label | 内容列表中label对应的key名字 | String | 'name' | |
activeTextColor | 左侧选中时文字颜色 | String | '#F24544' | |
activeBackgroundColor | 左侧选中时文字背景色 | String | '#e5e5e5' | |
categoryMainClick | 选中左侧索引时触发 | Function | ||
categorySubClick | 选中右侧内容项时触发 | Function |