image.png

元件样式管理

元件的基本样式管理。
调整元件样式为全局调整。
注：相关样式设置可查看样式区域中的元件样式。

页面样式管理

页面的基本样式管理。
调整页面样式为全局调整。
注：相关样式设置可查看样式区域中的页面样式。

注释字段和设置

image.png

编辑元件注释（说明）

元件注释分为三种类型

  • 文本：注释内容支持对应的自定义文本输入。文本类型注释支持文字样式的设置。
  • 选择列表：注释内容只能选择已进行提前添加的内容。

  • 数字：注释类型只能添加数字类型（注：系统虽然表示为数值，实际也可以输入文本内容，与文本最大的区别在于无法修改注释内容的样式。

    编辑元件字段集

    image.png
    对元件注释内容进行分组处理，每个分组中可以配置对应的注释类型：文本、选择列表、数字。方便在编辑页面进行快速过滤。
    image.png

    编辑页面注释

    进行页面注释的字段添加，每添加一个，在页面注释区域就多一种类型。
    此处页面注释的字段内容均为文本格式，支持自定义文本样式。
    image.png
    image.png

    全局变量

    全局通的字段配置，在整个文件页面中都可进行取用。

  • 全局变量可以进行部分跨页面数据保存。

  • 全局变量可以进行部分代码的赋值（例：黑科技中的百度统计埋点）
  • 全局变量可以进行部分数值的传递，判断前置条件的设置。
  • …

image.png

自适应视图设置

设置自定义不同视图的分辨率。自定义的视图可以通过交互事件进行触发不同的视图尺寸。
image.png
自定义尺寸选择后，标尺上方可显示当前自定义视图的名称。
image.png
系统内置了一些常用的比例尺寸。可以在预设中进行选择。
image.png
注：

  • 自定义视图可以用于跨设备平台上设置不同的展示方式，即不同的布局中元件排列方式不同。
  • 自定义视图可以实现部分自适应浏览器布局，但是实现起来相对比较耗时，不是很推荐。