跳转到主要内容
标签页

使用易企办的标签页功能高效地组织内容。轻松增强导航并优化访问体验。

超过 3 个月前更新

什么是标签页?标签页是用户界面的一个元素,允许在页面上的多个主题之间导航。

将内容分割成多个结构良好的标签页,可以根据需要进行折叠和展开,使得界面看起来既优雅又整洁。


添加标签页到页面

首先,在控件添加面板中找到标签页控件,然后将其拖放到页面的某个部分或容器中。

注意:当一个控件被添加到标签页中后,已添加控件的占位符将不再显示。


设置标签页内容

进入基本设置部分。默认情况下会添加3个标签页。你可以添加或移除标签页,这将影响标签页的数量。如果需要添加更多标签页,只需点击标签列表底部的“+添加另一个标签页”按钮。

点击每个标签以展开设置部分。在文本选项中输入标签标题。设置每个标签的图标或图片,或选择无以仅显示文本。


标签页控件设置

页签位置:选择标签头显示的位置。你可以选择上、左、下和右部。

默认:设置现有标签中的默认活动标签。


显示

动态显示规则:当你为这组标签设置动态显示规则时,它会根据特定条件和规则表现不同。它有两个动作(隐藏/显示)。

学习如何为控件创建动态显示规则。


样式设置标签控件

通用:

  • 背景类型:选择标签控件的背景颜色。你可以使用纯色或渐变色。

  • 外边距:设置标签控件的边距,单位可以是PX、%,em、rem、vw、calc。

  • 内边距:设置标签控件的内边距,单位可以是PX、%,em、rem、vw、calc。

  • 边框类型:选择边框类型,可选无、实线、双线、点状、虚线或凹槽。

  • 边框半径:设置边框圆角以控制角落的圆滑度。

  • 阴影:调整盒子阴影选项。

标签控件容器

这里是设置标签容器样式的地方。

  1. 背景类型:选择标签容器的背景颜色。你可以使用纯色或渐变色。

  2. 标签页容器对齐方式:设置标签容器的对齐方式,可以选择左对齐、居中、右对齐和两端对齐。

  3. 标签页对齐方式:设置标签的对齐方式,通常仅在标签容器对齐设置为两端对齐时生效。

  4. 外边距:设置标签容器的边距,单位可以是PX、%,em、rem、vw、calc。

  5. 内边距:设置标签容器的内边距,单位可以是PX、%,em、rem、vw、calc。

  6. 边框类型:选择边框类型,可选无、实线、双线、点状、虚线或凹槽。

  7. 边框半径:设置边框圆角以控制角落的圆滑度。

  8. 阴影:调整盒子阴影选项。

标签页

这里是设置每个标签项目的样式的地方。

  1. 图标外边距:如果标签项目包含图标,设置图标的边距,单位可以是PX、%,em、rem、vw、calc。

  2. 图片外边距:如果标签项目包含图片,设置图片的边距,单位可以是PX、%,em、rem、vw、calc。

  3. 图片宽度:如果标签项目包含图片,设置图片的大小,单位可以是PX、em、rem、vw、calc。

  4. 图标位置:如果标签项目包含图标或图片,选择图标/图片显示的位置。你可以选择顶部、左侧、右侧。

  5. 状态样式:设置每个标签项目的不同状态的样式:正常、悬停、活动。

  6. 文字颜色:选择标签的文字颜色。

  7. 排版:设置标签文字的排版选项。

  8. 图标颜色:选择标签的图标颜色。

  9. 图标大小:设置标签的图标大小。

  10. 背景类型:选择标签项目的背景颜色。你可以使用纯色或渐变色。

  11. 外边距:设置标签项目的边距,单位可以是PX、%,em、rem、vw、calc。

  12. 内边距:设置标签项目的内边距,单位可以是PX、%,em、rem、vw、calc。

  13. 边框类型:选择边框类型,可选无、实线、双线、点状、虚线或凹槽。

  14. 边框半径:设置边框圆角以控制角落的圆滑度。

  15. 阴影:调整盒子阴影选项。

标签页内容

这里是设置每个标签项目的内容容器样式的地方。

  1. 背景类型:选择每个标签的内容区域的背景颜色。你可以使用纯色或渐变色。

  2. 文字颜色:选择每个标签内容区域的文字颜色。

  3. 排版:设置每个标签内容区域文字的排版选项。

  4. 内边距:设置标签内容区域的内边距,单位可以是PX、%,em、rem、vw、calc。

  5. 边框类型:选择边框类型,可选无、实线、双线、点状、虚线或凹槽。

  6. 边框半径:设置边框圆角以控制角落的圆滑度。

  7. 阴影:调整盒子阴影选项。


高级设置

设置适用于此控件的高级选项。

这是否解答了您的问题?