如何移动模块?

["wechat","weibo","qzone","douban","email"]



移动模块我们分为以下几个场景:


场景一:想要移动文本模块;

点击文本区域会出现工具栏,工具栏上有移动的按钮,如图所示:


点击此按钮,就可以通过鼠标进行拖动,拖动到想要的地方点击一下鼠标左键就可以了。


场景二:想要移动非文本模块的元素内容(例如图片、按钮、表单等等元素);

直接鼠标点击按住此元素,然后就可以通过鼠标进行拖动,拖动到想要的地方就可以松开鼠标就可以了。


场景三:想要移动整体的版块内容,不想一个元素一个元素来进行拖动排版;

首先我们可以看到整体的版块在左上角和右上角都有一个小箭头图标,如图所示:


我们分别点击查看,就可以看到他们对应工具栏里都有左右、上下的设置项,如图所示:

点击此按钮,就可以通过鼠标进行拖动,拖动到想要的地方点击一下鼠标左键就可以了。


此外也可以鼠标按住这个箭头图标按住进行拖动,拖动到想要的地方就松开鼠标就可以了。

这边需要注意:如果这个版块上下左右都没有其他版块内容,那这个上/下/左/右的设置项是灰色颜色,是点击使用不了的,因为它不符合移动条件。


除了上述可以通过工具栏上的移动设置,我们也可以通过鼠标按住整体版块进行拖动,同样也是可以移动整体版块内容,拖动到想要的位置就可以松开鼠标就可以了。


场景四:想要拖动区块;

点击区块的右上角的箭头图标,工具栏上有移动按钮,如下图所示:



操作视频: