如何使用分隔符组件？

一、什么是分隔符组件？

 

分隔符组件是一个在页面上展示一条线的模块，支持修改线条样式（可以是实线、虚线、点线）、线条颜色、线条宽度(1%~100%)、线条高度（1~50px）、线条对齐方式（左对齐、居中、右对齐）从而实现丰富多样的线条。 分隔符组件一般应用于模块与模块之间，当两块之间需要加一个东西分割的时候，分割线就可以起到很好的作用了。

 

分隔符组件展示效果举例：像下面这种页脚加线的情况，可以用分隔符组件来实现.

二、如何使用分隔符组件？

1、如何查看分隔符组件是否已经存在？

如果这个分隔符组件已经存在了，就不需要再添加，直接根据需要进行相关操作就可以（具体操作见下文所述）；

如果你的页面上需要这个组件，但是还没有添加，就需要先添加分隔符组件了；怎么判断页面上有没有这个组件？单击查看如何查看某一块内容是使用什么组件制作的？

 

2、如何添加分隔符组件？

在页面上添加组件的方法都是一样的，单击查看如何添加组件？

添加的组件名称为“分隔符”，如下图所示：

 

3、如何设置分隔符组件？

 

3.1 进入组件的“设置”分两种场景

1）此组件已经添加好的场景：进入所有这类组件设置项方法都是一样的，可以参考这个攻略：如何进入组件的设置项？

2）新添加的组件的场景：在添加此组件时会弹出这个组件的的设置话框。

 

3.2 在组件的设置中设置线条的风格

线条样式：单击“线条样式”下的下拉小箭头，选择线条样式，线条样式有实线、虚线、点线三种样式；

线条颜色：单击“线条颜色”下的下拉小箭头选择线条颜色；

线条高度：拖动线条高度下的小按钮来调整线条高度（1px~50px）；

线条宽度：拖动线条宽度下的小按钮来调整线条的宽度，宽度范围是1%~100%，百分比是相对于组件宽度而言的；

对齐方式：这里指的是线条相对组件的位置，有左对齐、居中、右对齐三种方式；

 

4、保存、预览、发布

设置好以上内容以后要单击页面右上角的“保存”按钮，目的是把此修改保存到网站后台；

然后可以单击“预览”按钮查看不同终端下展示的效果，如果不合适可以到后台再做修改；

如果需要让访客也看到，请单击页面右上角的“发布”按钮，发布之后稍等两分钟左右即可看网站前台展示效果。