• 查看 39 次, 回复 0
  • 如何复制组件
    4天前 (2025/09/10 16:43)
  • -
  • 注册:1年前
  • 举报
    加载中…
  • 注意:本操作会使用到代码层,操作失误后会导致比较大的页面问题,所以在进行复制操作前务必备份当前状态

    注意:本操作会使用到代码层,操作失误后会导致比较大的页面问题,所以在进行复制操作前务必备份当前状态

    注意:本操作会使用到代码层,操作失误后会导致比较大的页面问题,所以在进行复制操作前务必备份当前状态

    点击备份按钮

     

    进行创建备份


    输入备份名后,右下角橙色按钮创建

     

     

    以下为教程说明:

     

    在很多时候,可能某个页面内的一个模块想使用在其他的页面时,页面内的复制只是针对当前页面,此时就需要进行一系列的操作进行组件的复制

    在进行之前,我们需要确保一个权限,如图:

     

    在装修页面内左侧如有添加按钮,则可以自行通过教程进行操作,如果没有,可以咨询客服帮助添加组件这个步骤

    首先在平台首页打开两个装修后台(点击两次装修键),如图:

     

     

    使用两个页面的目的是为了方便在同一个浏览器内进行页面之间的复制粘贴,而不需要使用WORD等文档进行信息的暂存


    首先确保选择的组件是需要复制的,即两者都在页面内高亮显示

    查看该模块的结构,如下:

     

    然后再到需要复制到的页面内点击添加布局,步骤如下:

     

    由上图可知这个属于1区,一栏布局,组件类型为自定义

    首先根据高亮显示帮助,找到需要添加的位置,如图中的页尾前:


    点击添加布局

     

    选择和对应组件一致的一区

     

    添加后再次点击添加组件

     

    搜索或直接翻阅对应的组件类,我们需要复制的是自定义

     

    添加后点击该组件的设置后备用

     

    首先进行中间自定义信息的添加

     

    此时回到需要复制的页面内,点击设置进入该组件内,并且查看其结构信息和其他信息,如图:

     

     

    我们首先打开中间的自定义内容并且翻到最底部的编辑结构与内容

     

    打开后将该部分的内容全部复制到刚刚新组件的这个部分内

     

     

    现在我们需要同步他们的样式,在原模块点击最下方的编辑组件样式

     

    我们需要复制这个里面的容器类名和组件类名,前面的.layout和.mod等是一致的,直接鼠标进行选中复制

     

     


    复制可以选中的蓝色部分,并在新模块的同样位置写入

     

    应用后就使得新模块应用了同一套样式,并且初步有了和原模版的样子

     

    现在我们需要补齐其他的内容

     

    对于上图的第二部分,在新模块内只有一个第一部分,则可以通过复制功能添加

     

    此时会显示第一部分副本,先复制对应部分的信息

     

    应用后再次打开则正常显示

     

    同理将其他的内容块的信息一一复制,最后就完成了一个模块的复制操作。

     

    注意:这个方法本质上是复制样式,当改动其中任意一个的样式时,另一个或同时使用该样式的模块都会同时发生改变,如果需要复制的部分为独立,则这个方法无效

     

    注意:这个方法本质上是复制样式,当改动其中任意一个的样式时,另一个或同时使用该样式的模块都会同时发生改变,如果需要复制的部分为独立,则这个方法无效

     

    注意:这个方法本质上是复制样式,当改动其中任意一个的样式时,另一个或同时使用该样式的模块都会同时发生改变,如果需要复制的部分为独立,则这个方法无效