跳到主要内容

组件与素材的通用属性

每个组件和素材都包含以下通用属性:样式 - 基础设置动作

样式

选中任意组件或素材后,在弹出的设置窗口中,点击样式选项卡,展开基础设置,即可灵活调整尺寸、位置、旋转角度和不透明度等参数,满足不同场景的个性化需求。

类别属性说明
尺寸组件的宽度。
组件的高度。
位置X组件距离画板左侧的距离,数值越大越靠右。
Y组件距离画板顶部的距离,数值越大越靠下。
其他旋转组件绕中心点旋转的角度,范围 0 ~ 360。
不透明度组件的不透明度,数值越大越不透明,范围 0 ~ 100。

动作

选中任意组件后,在弹出的组件设置窗口中,点击动作选项卡,即可配置点击交互行为,触发并以弹窗、侧边抽屉或页面跳转等视图访问链接。

属性说明
打开视图类型
  • iframe 对话框
  • 抽屉
  • 路由
  • 当前页打开
  • 新页面打开
链接类型
  • 自定义:在输入框输入链接。
  • (仅适用于非抽屉的视图)Studio:在选择模板弹窗中选择模板。

当视图类型为抽屉时

打开视图类型设置为 抽屉 时,会发生以下属性变化:

  • Studio 下新增模板类型,可选枚举为:页面容器模板

    • 当选择为页面时,您需要在选择模板弹窗中选择模板。
    • 当选择为容器模板时,您需要选择容器模板模板数据源
  • 新增抽屉样式,包含属性如下:

    属性子属性说明
    预览是否支持抽屉预览。
    方向抽屉弹出的方向(如左、右、上、下)。
    模态对话框是否为模态对话框。
    内边距内容区域离抽屉边缘的距离。
    填充颜色抽屉背景填充色。
    描边粗细描边线条的宽度。
    颜色描边线条的颜色。
    线段类别如实线、虚线等。
    阴影阴影类别如外阴影、内阴影,具体类型待补充。
    参数如 X/Y 偏移、模糊半径、扩散等,可用数组表示。
    颜色阴影的颜色。