组件复制、移动的方法
2020-04-29 17:44:28

在网站的搭建过程中,常常会遇到一种情况,那就是需要对某个内容的位置进行调整,或者对某个组件的样式很满意,想要照搬复制到网页的其他部位

今天小编要讲的就是我们网站中关于组件和板块复制和移动的方法,掌握以后就可以大大加快网站的搭建速度哦,快来看看吧!

让我们先从组件的移动讲起,其实这是一个很方便的功能,我们可以通过简单的拖拽就对网页中的组件进行移动了。

以下面这个文本组件为例,假设我们需要对这个组件进行移动

我们可以点击这个文本组件,这时就会看到文本组件四周出现蓝色的虚线框,这个虚线框就是文本组件自身在编辑器中所占据的位置

在出现蓝色虚线框以后,我们可以把鼠标移至蓝色虚线框上然后点击,我们就可以对这个组件进行拖动了

在拖动的过程中我们可以看到上图中的这种黑线,这里就是对组件即将转移位置的提示,整个操作可以参考下面gif图

同时我们的组件可以有复制功能,我们可以把组件的复制件添加到网页的其它位置。

还是以上面的文本组件为例,我们点击这个文本组件时,可以在出现的黑色编辑栏里面找到复制按钮

点击复制以后,我们就可以在添加组件时候找到这个被复制的组件,就可以将其复制到网页的其它地方去了。