1.0.12 • Published 6 years ago

@bbjxl/wxc-tab v1.0.12

Weekly downloads
-
License
MIT
Repository
github
Last release
6 years ago

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

tab

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)

  • 初始版本