[]
通过属性设置中的设置项您可以对选项卡进行外观的个性化定制。比如选项卡的整体外观,以及选中/未选中/悬浮时的不同状态。
我们可以通过选项卡的基础设置完成选项卡的布局以及快速样式的设定。
设置是否显示选项卡标签。
使用选项卡时,可以直接选择系统内置的8套样式直接调用,快速改变样式外观。
找到 选项卡 中的 样式 ,然后在下拉列表中选择你想要的样式。
默认是内置了8套样式,如您还想进一步自由设计外观,可以进一步通过属性设置各项目进行详细的设置。
设置选项卡页签的显示位置,可选择在顶部显示或者在底部显示。
页签在顶部效果:
页签在底部效果:
设置选项卡标签相对于整个选项卡的对齐方式。
左对齐效果:
右对齐效果:
居中对齐:
设置选项卡标签名称相对于选项卡标签的对齐方式。支持左对齐、右对齐和居中对齐。
当选项卡标签的宽度大于标签名称时,调整对齐方式时效果明显。
当选项卡宽度模式设置为自动宽度时,调整对齐方式不起效果。因为自动宽度时,标签宽度会根据名称长短自动调整。
标签文本左对齐效果:
标签文本居中对齐效果:
设置选项卡标签的宽度,可选择“ 固定宽度 ”、“ 自动宽度 ”和“ 平均分布宽度 ”三种类型。
当选择“ 固定宽度 ”时,可设置宽度值。
选择为“ 自动宽度 ”时,可自动根据标签名长度调整标签宽度。
选择为“ 平均分布宽度 ”时,将平均分配标签总宽度。
设置选项卡页签的字体样式、颜色、大小以及是否加粗、倾斜等。
设置选项卡整体的填充颜色,单击色块选择颜色,并确定。
如果想恢复默认设置,单击右侧的,选择“重置”即可。
设置选项卡距离边框的距离。
设置选项卡列表的边框颜色,如下图所示。
设置是否显示各选项卡之间的分隔线,默认为“ 是 ”。
设置选项卡标签之间的间隙,单位为像素。
设置选项卡的高度。可选择自动高度和固定高度,当选择固定高度时可自定义选项卡的高度。
设置是否显示选项卡的切换按钮。
设置在移动端如何显示选项卡页面中的多个组件。
缩放策略时,会按原始布局进行缩放显示。
流式布局时,会将组件依次向下排布。
整体设置圆角弧度(未选中,悬浮以及选中状态弧度默认会继承该设置,但当各状态的弧度自定义过的话,将以自定义的为准。),内部边距,底色填充。
设置选项卡三种状态时的外观,包括选项卡颜色、文本的颜色、圆角弧度、填充渐变、背景图片,阴影,边框的宽度和颜色等。
其中选中状态时,还可以设置标签的颜色。