1.0.12 • Published 6 years ago
@bbjxl/wxc-tab v1.0.12
wxc-tab
MinUI 小程序组件 - 选项卡
Install
$ min install @bbjxl/wxc-tab
API
Tab【props】
名称 | 描述 |
---|---|
default-index | 说明:当前激活面板的 index。类型:Number 默认值:0 |
animate | 说明:是否开启动画。类型:Boolean 默认值:false |
component-id | 说明:同时调用两个tab时,需要指定component-id。类型:String |
bindtabchange | 说明:tab切换的回调函数 |
text-color | 说明:文字颜色。类型:String 默认值:#000 |
active-text-color | 说明:选中文字颜色。类型:String 默认值:#ff5777 |
line-color | 说明:线条颜色。类型:String 默认值:#ddd |
active-line-color | 说明:选中线条颜色。类型:String 默认值:#ff5777 |
full-screen | 说明:tab 组件全屏设置。类型:Boolean 默认值:false |
Tab-Panel【props】
名称 | 描述 |
---|---|
tab-index | 说明:激活当前面板的 index。类型:Number 默认值:0 |
label | 说明:选项卡头部显示的文字。类型:String |
component-id | 说明:同时调用两个tab时,需要指定component-id。类型:String |
Tab-Label【props】
自定义头部时,需要在外层加slot="tablabel"
名称 | 描述 |
---|---|
tab-index | 说明:激活当前面板的 index。类型:Number 默认值:0 |
component-id | 说明:同时调用两个tab时,需要指定component-id。类型:String |
Link
地址 | |
---|---|
tab 组件文档 https://meili.github.io/min/docs/minui/index.html#tab | |
tab 组件源码 https://github.com/bbjxl/minui/tree/master/packages/wxc-tab | |
MinUI 组件库 https://github.com/meili/minui |
Preview
ChangeLog
v1.0.5(2018.04.27)
- panel 高度自适应
v1.0.4(2018.02.09)
- 新增 full-screen 属性
v1.0.3(2018.01.04)
- 修复点击tab时的定位问题
v1.0.2(2017.11.02)
- update .npmignore
v1.0.1(2017.10.24)
- 初始版本
1.0.12
6 years ago