阿里云首页 移动开发平台 mPaaS

页面搭建编辑器

目前,智能搭建提供画布搭建方式,主要针对图文类页面的搭建。

页面搭建编辑器由四部分组成:组件区、全局操作区、画布操作区以及组件配置区。

1

组件区

组件区提供用于搭建的基础模块,目前有四种:

  • 文本
  • 图片
  • 链接
  • 轮播图片

文本组件

在画布中添加文本组件后,可随意调整文本框大小。选中文本框后,可在右侧的文本素材配置面板中设置文本样式、字体颜色、字体大小、文本框背景色以及文字跳转链接。

text

图片组件

选择图片组件,上传页面上要展示的图片。可在画布上随意调整图片位置和大小。选中图片,可通过右侧的图片素材配置面板更换图片或使图片适应屏幕。

图片上传后,默认显示图片的真实大小,可以使用 适应屏幕 功能让图片的宽度和画布保持一致。

image

链接组件

选择链接组件,动态调整跳转区域大小,在页面指定区域添加跳转链接。配置链接后,当用户在链接所在区域进行点击时,将跳转到链接指向的地址。

link

轮播图片组件

选择轮播组件,添加多张图片并配置各个图片的跳转链接,可设置是否循环播放、是否自动播放、自动播放时间间隔、是否显示提示点(即图片底部的小圆点)。

1

全局操作区

全局操作区提供画布级别的快捷操作,目前主要分为:

  • 操作历史:回退,前进
  • 图层管理:① 向上一层;② 向下一层;③ 置于最上层;④ 置于最下层
  • 预览:预览生成的页面内容
  • 发布:发布当前页面

1

画布操作区

画布操作区域主要进行组件选择、删除(使用快捷键 Backspace)、复制(使用快捷键 Command/Ctrl + C)、拖拽操作。

单击画布空白区域,可配置页面的背景颜色、背景图、画布高度以及是否让画布高度自适应背景图。

组件配置区

不同的组件支持不同的配置方式,具体参见上述组件说明。