帮助中心
帮助中心 > 可视化组件
标签切换组件

功能介绍

  • 利用标签切换可以实现点击不同标签切换不同内容的效果。

内容

1.添加标签切换:可以根据需要点击添加标签切换按钮来添加标签。

2.标签切换设置:可以设置横/纵向标签。


样式

1.背景颜色、边框、圆角、对齐方式:统一调整标签面板的背景颜色、给分类栏添加不同样式的边框以及改变圆角、通过对齐方式调整标签的位置,需要注意的是,当标签居左/右(纵向标签)时,对齐方式为靠上、居中、靠下。

2.内边距、外边距:调整内边距参数,来设置标签到标签面板边缘的距离,调整外边距参数,来设置标签面板到其外围元素的距离。

3.状态:标签项悬停、选中状态支持文字颜色、背景颜色、边框颜色、字体粗细的变化。

4.文字颜色、排版、背景颜色、边框、圆角:统一调整标签项的文字颜色、排版、背景颜色,给产品栏添加不同样式的边框以及改变圆角。

5.内边距、外边距:调整内边距参数,来设置标签项文字到标签项边缘的距离,调整外边距参数,来设置标签项到其外围元素的距离。

6.背景颜色、边框、圆角:统一调整标签内容面板的背景颜色、给标签内容面板添加不同样式的边框以及改变圆角。

7.内边距:调整内边距参数,来设置标签内容到标签内容面板边缘的距离。


注意

  • 添加标签内容,要把想要展示的内容组件拖入到标签切换里面。

上一篇:面包屑组件 下一篇:产品内页列表组件