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)
- 初始版本