@minui/wxc-tab

MinUI 小程序组件 - 选项卡

Stats

StarsIssuesVersionUpdatedCreatedSize
@minui/wxc-tab
3,522661.0.83 years ago4 years agoMinified + gzip package size for @minui/wxc-tab in KB

Readme

wxc-tab

MinUI 小程序组件 - 选项卡

Install

$ min install @minui/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/meili/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)

  • 初始版本

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.