Tabs 标签页
选项卡切换组件;其实这个模块的内容就是 Tabbar 标签栏 + 内容区域;所以就没有单独抽取为组件,转而提供 css
样式表,通过手动引入样式就能达到效果。
引入
js
import 'litos-ui-vue/style/util/tabs.css';
1
演示
基础用法
基础的、简洁的标签页。
简单登录注册
通过组件搭配: form 表单、input 输入框、button 按钮、tabbar 选项卡 等组件,实现简单的登录注册。
卡片风格
通过设置 tabbar
的 type=card
来使用卡片风格。
基本结构
html
<div class="nt-tabs">
<lt-tabbar></lt-tabbar>
<div class="nt-tabs-content">
<!-- 内容区域-->
</div>
</div>
1
2
3
4
5
6
2
3
4
5
6