本文对页面搭建编辑器的布局以及支持的组件进行介绍。
页面搭建编辑器由五部分组成： 组件选择区、 基础组件快速选择区、 全局操作区、 组件配置区 及 画布操作区。
组件选择区
组件区提供用于搭建的组件和图标，其中组件包括官方组件（基础组件）和业务组件。
官方组件：展示文本、图片、链接、轮播图、视频、音频、二维码、倒计时组件。
业务组件：展示四个预置业务组件（资讯信息流、自定义表单、一排三栏、一拖三栏）和用户自定义添加的前端组件。
图标：展示页面常用的图标组件。
官方组件
提供八款官方基础组件：
基础组件 | 说明 |
文本 | 用于添加文字。在画布中添加文本后，可随意调整文本框大小。选中文本框后，可在右侧的文本素材配置面板中设置文本样式、字体颜色、字体大小、文本框背景色以及文字跳转链接。 |
图片 | 用于添加 JPG、JPEG、PNG、GIF 格式的图片。添加图片后，可在画布上随意调整图片位置和大小。选中图片，可通过右侧的图片素材配置面板更换图片或使图片适应屏幕。图片上传后，默认显示图片的真实大小，可以使用 适应屏幕 功能让图片的宽度和画布保持一致。 |
链接 | 用于添加链接。添加链接后，可动态调整跳转区域大小，在页面指定区域添加跳转链接。配置链接后，当用户在链接所在区域进行点击时，将跳转到链接指向的地址。 |
轮播图 | 用于设置一组或多组序列图的图片，支持播放。可配置各个图片的跳转链接、是否循环播放、是否自动播放、自动播放时间间隔、是否显示提示点（即图片底部的小圆点）。 |
视频 | 用于在页面中嵌入视频。添加视频后，可设置视频封面图、视频地址、是否开启静音、是否开启自动播放、是否展示进度条、是否循环播放。 |
音频 | 用于在页面中嵌入音频。添加音频后，可设置音频图标、音频地址以及是否自动播放音频。 |
二维码 | 用于在页面中嵌入二维码。添加二维码后，可设置二维码的扫码后跳转页面、背景色、前景色以及纠错等级。 二维码具备“纠错功能”，即使部分编码变脏或破损，也可以自动恢复数据。纠错等级的比率是指可以纠错的码字占全部码字的比率。支持四种纠错级别：
|
倒计时 | 用于在页面中添加倒计时组件。添加该组件后，可配置倒计时起始和结束时间、文案字号、文案颜色、文案对齐颜色、结束文案。 |
业务组件
展示智能搭建预置的业务组件和用户自定义的前端组件。可参考 创建组件 自定义业务组件。使用自定义业务组件时需要进行接口配置，添加该类组件前，确保已创建相关数据接口，具体参见 创建接口。
智能搭建提供以下四款预置业务组件：
预置业务组件 | 说明 |
资讯信息流 | 信息流列表组件，每行为一个内容，可以展示产品和资讯。支持配置组件标题、跳转链接（承接页地址）、数据源接口及参数、提交表单接口及参数、是否预加载。开启预加载后，会在实际的页面中提前加载组件。 |
一排三栏 | 一排三栏的组件，可以展示三个产品项和资讯。支持配置组件标题、跳转链接（承接页地址）、数据源接口及参数、提交表单接口及参数。 |
一拖三栏 | 提供 1 + 3 个模块，上面是一块横幅（banner），下面是一排三栏的组件，可以展示产品和资讯。配置项同一排三栏组件。 |
自定义表单 | 用于提交用户输入的内容的组件。添加该组件后，可编辑表单结构，在表单中添加各种控件，丰富表单内容。 |
图标
用于添加图标。添加图标后，可在右侧的配置面板中设置图标样式。
基础组件快速选择区
该区域提供页面常用的 8 个官方基础组件，方便快速添加。
全局操作区
全局操作区提供画布级别的快捷操作。
图层管理：置于最上层；置于最下层；向上一层；向下一层
操作历史：回退，前进
页面信息：展示当前页面的信息，包括页面标题、下线时间、页面地址、二维码。
预览：预览生成的页面内容。预览窗口中，可以复制页面连接或在浏览器打开页面，也可以手机扫码预览。
发布：发布当前页面到 PC 端。
组件配置区
对所选组件和不同的组件需要配置的内容有所不同，具体参见上述组件说明。
画布操作区
画布操作区域主要进行组件选择、删除（使用快捷键 Backspace）、复制（使用快捷键 Command/Ctrl + C）、拖拽操作。
单击画布空白区域，可配置页面的背景颜色、背景图、画布高度以及是否让画布高度自适应背景图。
单击画布左侧的 缩放 菜单，可以针对 PC 端和移动端调整画布宽度。