浏览数量: 128 作者: 本站编辑 发布时间: 2021-10-28 来源: 本站
一个个组件丰富了网站页面内容,虽然各组件的作用不同,但是每个组件的共性功能是一样的,当鼠标悬停在这个组件上时就能看到这些功能,让我们来看一看这些共性功能都是什么吧!
1.设置
由于每个组件的功能不一,所以组件的设置选项里内容也都不一样,但大都主要包含了特效,高级与风格,小伙伴们在设置组件时想要呈现不同的风格便可以在这里点击“自定义”进行相关设置。(下图以文本组件为例)
2.编辑样式
当点击了组件的“编辑”功能时会弹出样式编辑器的窗口,在这里面可以调整组件的尺寸,背景,边距,改变组件的边框以及阴影效果,除了组件的样式,内容区的背景,普通文字,链接文字,内容区的边框与边距也都在在样式里调整。
3.复制
通过组件的复制功能,可以快速拷贝出一个同原组件一模一样的组件,然后在这个组件的基础上再做局部的修改,这样省时省力省心。
注意:通过复制组件生成的新组件,同原组件没有关系,单独编辑/删除其中一个组件不会影响到另一个组件。
此功能经常用于页面上要展示多个同类的组件,先设置好一个组件,然后通过复制组件功能将内容样式等设置项全部拷贝过去,然后再简单修改即可实现不同的内容。
把鼠标放到要复制的组件内容区域,组件左上角会出现组件的名称”文本组件“→把鼠标放到”文本组件“这四个字上,右侧出现一排按钮,单击”复制组件“按钮,弹出要复制到哪个页面的选择框→选择相应页面,然后单击”复制组件“按钮→切换为这个页面,通常复制的页面会出现在这个页面内容区的最底端,调整或拖动组件达到排版需求。
4应用组件
应用组件就是将这个组件应用到其他的页面上去,可以理解为复制组件,但与复制组件最大的不同就是当您修改这个组件时,不管您在哪个页面修改,所有页面上的这个组件都会被同步更改。
举个例子,比如在首页做好了面包屑导航这个组件,并且我想把面包屑导航应用到我网站的所有页面上去,我就可以点击“应用组件”按钮,同时需注意我在一个页面更改了这个组件的设置,其他所有页面将同步更改。
5.删除
删除组件很好理解,其具体操作步骤如下:
Step1:把鼠标放到这个组件的内容区域,组件左上角会出现组件名称,把鼠标移动到这个组件的名称上,出现一排按钮,最后一个为【删除组件】按钮;
Step2:点击【删除组件】按钮,会将选择的组件从页面上删除,删除的组件会统一放到组件&区块回收站中。