如何使用分隔符?

浏览数量: 2     作者: 小七     发布时间: 2015-04-24      来源: 本站

分隔符
 
【简介】通过分隔符组件可以添加一条分割线,可以修改线条的样式(实线/虚线),线条的颜色和粗细。
 
【应用场景】分隔符组件一般应用于模块与模块之间,当两块之间需要加一个东西分割的时候,分割线就可以起到很好的作用了。

如何使用分隔符?

经常用到分隔符的情况是:像下面这种页脚加线这种情况,参考页面http://en.anli003.ldyjz.com/。

分隔符组件.jpg

或者,像一个页面内容比较多,中间需要加线来做区分,也会用分隔符。

【使用方法】

1、如何在后台添加分隔符组件?

把鼠标放到需要添加分隔符组件的位置,出现小水滴及一条蓝色的横线并且横线所在区域就是我要添加分隔符的区域。单击这个小水滴,弹出添加组件的窗口,找到布局组件中的“分隔符”组件,单击分隔符组件,即可添加。

单击小水滴添加分隔符组件.jpg

2、如何设置分隔符组件?

添加了分割符组件后,把鼠标放到分隔符组件上,出现齿轮状图标,单击齿轮状图标,然后再单击设置按钮,可以设置分隔符的线条样式、线条颜色、线条高度、线条宽度以及对齐方式。

1

线条样式:如图,有实线、虚线和电线三种样式。

2


线条颜色:

3

线条高度:线条的粗细。一搬不超过3 px。

线条宽度:在现有组件宽度下的相对宽度。百分比是相对于组件宽度而言的。

分隔符组件一般应用于网站整体的视觉分隔。若想要在组件与组件之间添加横竖分隔符一般使用组件边框来实现,编辑组件边框是在编辑组件样式中来实现,请点击下方查看如何编辑组件样式以了解。

          微信公众号

阿里巴巴国际站

网站建设

知识圈

联系我们
  客服QQ:693557443
   服务顾问:18988788608  ( 微信 )
  邮箱:info@7datong.com
  地址 : 深圳市龙华区恒和国际大厦903室
Copyright © 深圳市七达通科技有限公司 All Rights Reserved 版权      互联网服务粤ICP备16005814号
   - 网站地图