通用属性

更新时间:2025-01-06 02:42:55

本文介绍页面编辑器中组件公共的属性。有关各组件属性的完整列表,请查看相关组件文档。

隐藏

属性设置器

使用说明效果展示

属性设置器

使用说明效果展示

image

设置组件是否可见,开启后组件将隐藏。也可以对组件使用方法setHidden控制是否可见。例如:container1.setHidden(true)

image

开启这项配置时,在组件隐藏后,依然在布局中保持占位,仅在网格模式下生效

隐藏状态与方法

名称

类型

示例

说明

名称

类型

示例

说明

hidden

boolean

component.hidden

当前组件是否隐藏

setHidden

func

component.setHidden(false)

设置链接是否隐藏,参数为truefalse

clearHidden

func

component.clearHidden()

清除组件的隐藏状态

模式

属性设置器

使用说明效果展示

属性设置器

使用说明效果展示

image

对于容器类型组件,可选择“网格”或“布局”两种搭建模式,详情请查看网格画布弹性布局

容器在弹性模式的布局排列配置

属性设置器

使用说明效果展示

属性设置器

使用说明效果展示

image

image

image

image

image

在容器组件为“弹性”模式时,将透出排列、对齐等相关 5 个属性配置,详情请查看弹性容器配置

弹性模式下“子元素”布局排列配置

属性设置器

使用说明效果展示

属性设置器

使用说明效果展示

image

image

image

image

image

对于弹性容器下的子组件,有相应的弹性尺寸配置,包含宽高、对齐、溢出等 5 属性配置,详情请查看弹性尺寸配置

高度(网格模式属性)

属性设置器

使用说明效果展示

属性设置器

使用说明效果展示

image

请查看组件高度设置

CSS 样式相关

说明

若组件存在“外边距、内边距、边框、背景色、圆角”等相关配置,可查看对应的 mdn 说明,了解 CSS 值的表示方法。

外边距

属性设置器

使用说明效果展示

属性设置器

使用说明效果展示

image

组件和其他组件之间的边距,对应 CSS 属性: margin,查看 mdn 详细说明

内边距

属性设置器

使用说明效果展示

属性设置器

使用说明效果展示

image

组件的内边距,对应 CSS 属性:padding,查看 mdn 详细说明

边框

属性设置器

使用说明效果展示

属性设置器

使用说明效果展示

image

设置组件边框,对应 CSS 属性: border,查看 mdn 详细说明

背景色

属性设置器

使用说明效果展示

属性设置器

使用说明效果展示

image

设置组件的背景色,对应 CSS 属性:background-color,查看 mdn 详细说明

圆角

属性设置器

使用说明效果展示

属性设置器

使用说明效果展示

image

设置组件圆角,对应 CSS 属性:border-radius,查看 mdn 详细说明

  • 本页导读
  • 隐藏
  • 隐藏状态与方法
  • 模式
  • 容器在弹性模式的布局排列配置
  • 弹性模式下“子元素”布局排列配置
  • 高度(网格模式属性)
  • CSS 样式相关
AI助理

点击开启售前

在线咨询服务

你好,我是AI助理

可以解答问题、推荐解决方案等