.

流式页面功能【基础版及其以上版本用户可用】

小常发表于:2019年11月21日 14:53:48更新于:2019年11月22日 17:21:32

流式页面简介:

流式页面,是指页面组件与组件之间采用相对定位,从上到下依次按照添加顺序自动顺延排列。

  • 支持段落、图片、视频、幻灯、地图等基础组件;

  • 支持上/下移来控制单个元素位置顺序调整;

  • 支持删除中间单个元素,其下元素自动上移排列;

  • 支持从中间增加单个元素,其下元素自动下移排列。

应用场景:

多为政府/媒体/企业用户的新闻报道、公司简介、产品动态等图文展示展示,通常与顶部对齐一起使用,适用长页面多图文内容。这两个功能的上线主要是优化基础的排版体验,可以有效解决企业用户与媒体用户编辑图文排版低效的痛点。

顶部对齐,区别于中间对齐,是指针对页面去掉顶部出血区,这里主要考虑目前全面屏机型 普及,无需顶部预留出血,所有主流机型打开,默认页面内容顶部对齐。

0015dd5f6567b7729ed621822e94ba8


流式页面添加及设置


1.单击左侧页面栏,点击+添加新的页面,在弹出框内选择添加流式页面。

0015dd5f903409447dc87b34eecf98f


2.添加流式页面后,页面缩略图会显示流式页面的标志。

0015dd5f9ac84f727b8bf7aad406f46       

3.流式页面右侧的页面属性面板,可以选择初始添加的元素是顶部对齐还是居中对齐。2种对齐方式的上方即为手机屏幕显示的顶部。

0015dd600cdc35ab59a5bf9b28ff0c8


4.流式页面跟普通页面相比,可以添加的组件为指定的部分基础组件及高级组件。       

0015dd601626e2b89105b9c0b1cc571


5.在流式页面中添加组件,所有的组件从上往下依次排列。

0015dd60ad7ae2d70840f4fad9fa4cc

6.每次添加新元素,整个长页面的高度会自动增加

0015dd62c929ba4c922dc54089d746a

7.选中元素后,选择框下边和右边的中心点,可以拉伸调整元素大小。

0015dd627eed2b7c159228825fc0f7a


8.选中任意组件,组件右上角会出现向上和向下移动的标志,点击可以让组件移动。

0015dd62b67e766a4629d7e8cf1929a

8.元素会直到撑满整个横向宽度,才会继续往下排列,暂时不能自由拖动,仅可以选中组件时,通过键盘上的上⬆️️下⬇️️左⬅️右➡️4个方向箭头移动元素。

0015dd62feb53fa539906936881fefc

9.点选单个或多个元素,可以用键盘delete删除组件;或者右键单击删除组件。0015dd63100710e41a5e7249607053d

10.右键单击元素,可以复制粘贴元素。

0015dd63418e2fa534bf95f9554908c