@eyeear/tab v1.0.0

Tab

Tab标签切换，可用于tab选项卡、场景切换等。

安装

npm install @eyeear/tab --save

使用

import Tab from '@eyeear/tab'

OR

<script src="lib/tab.js"></script>

  <div class="wrapper">
      <div class="box">标签1</div>
      <div class="box">...</div>
      ...
  </div>

 const tab = new Tab('.wrapper')
 tab.switchTab(0) // 激活第一个标签 添加类名'active'

选项

  new Tab(el, options)

  el 
    - 场景外围容器 设置了选项tab可设为null 一个css选择器或者元素对象
  
  options
    - 选项属性
    - activeClass 激活时添加的类名  默认'active'
    - tab 手动设置要切换的标签 默认未定义 一个css选择器类名或者元素对象类数组
    
    - 选项方法
    - onSwitch 切换到某一标签触发回调 参数(tab, index, oIndex)
  
  instance 实例方法
    - switchTab(index) 切换到对应tab