• 组件
  • 布局与其它

标签页

用于让用户在不同的视图中进行切换。

规则

  • 标签数量,一般 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>