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');