如何复制组件,应用场景是什么?

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

通过组件的复制功能,可以快速拷贝出一个同原组件一模一样的组件,然后在这个组件的基础上再做局部的修改,这样省时省力省心。注意:通过复制组件生成的新组件,同原组件没有关系,单独编辑/删除其中一个组件不会影响到另一个组件。此功能经常用于页面上要展示多个同类的组件,先设置好一个组件,然后通过复制组件功能将内容样式等设置项全部拷贝过去,然后再简单修改即可实现不同的内容。

1、复制页头或页脚区域的组件,以复制快速导航组件为例做介绍:
页头或页脚区域的组件每个页面都是共用的,所以,复制这两个区域的组件,被复制的组件将会在当前组件下方展示出来,可拖动调整位置或继续修改组件!操作步骤如下:

把鼠标放到要复制的组件内容区域,组件左上角会出现组件的名称”快速导航“--》把鼠标放到”快速导航“这四个字上,右侧出现一排按钮,单击”复制组件“按钮,弹出复制组件的提示弹出框--》单击”复制组件“按钮--》复制的组件将会在当前组件下方展示出来,可调整或拖动组件达到自己的要求。


复制组件               快速导航-复制组件


2、复制页面内容区域的组件(即非页头或页脚区域的组件),以复制图文展示组件为例做介绍:

把鼠标放到要复制的组件内容区域,组件左上角会出现组件的名称”图文展示“--》把鼠标放到”图文展示“这四个字上,右侧出现一排按钮,单击”复制组件“按钮,弹出要复制到哪个页面的选择框--》选择相应页面,然后单击”复制组件“按钮--》切换为这个页面,通常复制的页面会出现在这个页面内容区的最底端,调整或拖动组件达到自己的要求。