@bbjxl/wxc-tab

MinUI 小程序组件 - 选项卡

Usage no npm install needed!

<script type="module">
  import bbjxlWxcTab from 'https://cdn.skypack.dev/@bbjxl/wxc-tab';
</script>

README

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）

  • 初始版本