标签页
用于让用户在不同的视图中进行切换。
规则
- 标签数量,一般 2-4 个;其中,标签中的文案需要精简,一般 2-4 个字
- 在 iOS 端的次级页面中,不建议使用左右滑动来切换标签页,这个和 iOS 的左滑返回存在冲突,eg:详情页中标签页。
代码演示
标签页
<div class="tabs-wrapper">
<div class="tabs">
<div class="tabs-item tabs-item-action">
<a class="tabs-item-inner">选项卡一</a>
</div>
<div class="tabs-item">
<a class="tabs-item-inner">选项卡二</a>
</div>
<div class="tabs-item">
<a class="tabs-item-inner">选项卡三</a>
</div>
</div>
</div>