选项卡

使用场景

如果您的页面需要在不同子任务、视图、模式之间切换时,可以选择使用选项卡。一个标签项标记一个功能或模块,标签项之间可以快速单击切换。

使用说明

该组件应包含至少2个以上的标签项。您可以配置选项卡是否显示,显示样式,尺寸,内容边距,标签项较多时的显示方式,标签项标题自定义等。

使用示例

选择目标选项卡,在编排页面画布的右侧您可以参考以下步骤操作。

  • 您可以修改显示样式

    显示样式一共有四种,您分别单击即可预览该组件的显示效果或者按照动态配置说明设置。imageimage

  • 您可以设置选项卡的尺寸,共有两种尺寸可选。image

  • 您可以设置内容边距,您可以根据需要自定义,默认上下左右均为20px,设置格式可以为:10px 10px 10px 10px,用空格隔开。image

    • 设置一个值的时候则分别对应:上下左右边距。

    • 设置两个值的时候分别对应:上下边距,左右边距。

    • 设置三个值的时候分别对应:上边距,左右边距。

    • 设置四个值的时候分别对应:上边距,右边距,下边距,左边距。

  • 您可以选择标签项较多时标签项的展示方式。image

  • 您可以设置当前激活keyimage

  • 您可以分别设置每个标签项的标题是否禁用,或者添加、删除标签项image

说明

每个选项卡内容都是相对独立的互不干扰的区域,您在选中需要进行内容设定的选项卡后可以拖入内部组件实现想要的页面编排效果。