侧边导航分类, 适用于商品分类导航 - 更新日志

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