更新时间:2024-11-15 GMT+08:00
页签
页签组件可用于将关联信息进行分组和归类,支持将已有组件拖入到指定的标签页中进行分组。
在左侧组件区域,选择“页签”组件,并拖拽至设计区域,如图1所示。
将组件拖拽至页签中,根据需求布局,选中组件可配置对应组件属性。
页签组件不支持嵌套到页签中。
图2 设计页签布局
基础配置
- 样式:设置页签组件的样式。
图3 设置页签样式
- 页签选项:页签组件中,各Tab页面设置。支持设置页签标题,并拖入组件到对应的页签中,选中组件可配置对应页签下的组件属性。
图4 设置页签
样式配置
- 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。
- 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。
- 边框:
- 位置:设置边框的位置,支持配置上、下、左、右和四周。
- 宽度:设置边框的宽度。默认值为0px,范围为0~50px。
- 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。
- 颜色:设置边框显示的颜色。
- 圆角:给元素添加圆角效果,设置圆角的大小和位置。
- 背景:设置组件样式的背景颜色。
- 阴影:
- X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。
- Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。
- 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。
- 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。
- 颜色:设置阴影的颜色。
父主题: 自定义页面组件介绍