本文介绍页面编辑器中组件公共的属性。有关各组件属性的完整列表,请查看相关组件文档。
隐藏
属性设置器 | 使用说明效果展示 |
属性设置器 | 使用说明效果展示 |
设置组件是否可见,开启后组件将隐藏。也可以对组件使用方法 | |
开启这项配置时,在组件隐藏后,依然在布局中保持占位,仅在网格模式下生效。 |
隐藏状态与方法
名称 | 类型 | 示例 | 说明 |
名称 | 类型 | 示例 | 说明 |
hidden | boolean |
| 当前组件是否隐藏 |
setHidden | func |
| 设置链接是否隐藏,参数为 |
clearHidden | func |
| 清除组件的隐藏状态 |
模式
容器在弹性模式的布局排列配置
属性设置器 | 使用说明效果展示 |
属性设置器 | 使用说明效果展示 |
在容器组件为“弹性”模式时,将透出排列、对齐等相关 5 个属性配置,详情请查看弹性容器配置。 |
弹性模式下“子元素”布局排列配置
属性设置器 | 使用说明效果展示 |
属性设置器 | 使用说明效果展示 |
对于弹性容器下的子组件,有相应的弹性尺寸配置,包含宽高、对齐、溢出等 5 属性配置,详情请查看弹性尺寸配置。 |
高度(网格模式属性)
属性设置器 | 使用说明效果展示 |
属性设置器 | 使用说明效果展示 |
请查看组件高度设置。 |
CSS 样式相关
若组件存在“外边距、内边距、边框、背景色、圆角”等相关配置,可查看对应的 mdn 说明,了解 CSS 值的表示方法。
外边距
属性设置器 | 使用说明效果展示 |
属性设置器 | 使用说明效果展示 |
组件和其他组件之间的边距,对应 CSS 属性: margin,查看 mdn 详细说明。 |
内边距
属性设置器 | 使用说明效果展示 |
属性设置器 | 使用说明效果展示 |
组件的内边距,对应 CSS 属性:padding,查看 mdn 详细说明。 |
边框
属性设置器 | 使用说明效果展示 |
属性设置器 | 使用说明效果展示 |
设置组件边框,对应 CSS 属性: border,查看 mdn 详细说明 |
背景色
属性设置器 | 使用说明效果展示 |
属性设置器 | 使用说明效果展示 |
设置组件的背景色,对应 CSS 属性:background-color,查看 mdn 详细说明。 |
圆角
属性设置器 | 使用说明效果展示 |
属性设置器 | 使用说明效果展示 |
设置组件圆角,对应 CSS 属性:border-radius,查看 mdn 详细说明。 |
- 本页导读
- 隐藏
- 隐藏状态与方法
- 模式
- 容器在弹性模式的布局排列配置
- 弹性模式下“子元素”布局排列配置
- 高度(网格模式属性)
- CSS 样式相关