Tab页签模块

Tab模块用来切换折叠内容,支持多种数据格式。

简单使用

使用_tab-head样式类构建Tab头;使用_tab-body构建Tab主体;头和主体的父子关系可以是ul+li也可以是ol+li,或者其他父子节点均可。

外容器追加ax-tab属性即可实现一个简单的Tab实例。

  • 输出
  • HTML
    • 页签1
    • 页签2
    • 页签3
    • 页签4
    • 内容1
    • 内容2
    • 内容3
    • 内容4
  •                 
                    
                

也可以通过id+new的方式创建实例。

  • 输出
  • HTML
  • JS
    • 页签1
    • 页签2
    • 页签3
    • 页签4
    • 内容1
    • 内容2
    • 内容3
    • 内容4
  •                 
                    
                
  •                 
                    new ax.Tab('#demo01');