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

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）

• 初始版本