如何使用占位符?
浏览数量: 0 作者: 小七 发布时间: 2016-04-24 来源: 本站
【简介】占位符组件通过添加一段空白的高度来占位,实现模块与模块之间有一定高度的间距,而不是紧贴着连在一起,占位符在制作页面时的应用比较灵活。
【应用场景】占位符组件的应用很广泛,在制作页面时的应用比较灵活。比如:当一行中有多个列,每个列的组件内容不一样高时,可以通过添加一定的占位符,达到排版上的美观性和一致性。同时添加一定的占位符,相比在组件中设置上下间距,也有一个额外的优势,因为领动云建站是做响应式的网站,为了达到在pc端好看、pad和手机端也都好看的效果,有的时候就需要用到占位符。
领动占位符组件就是占住一个固定的位置,用于网页中调节版面中各部分位置。举例:通过占位符组件使得两部分内容间距变大。
通过占位符组件的编辑样式功能,可以做如下操作:
可以设置占位符组件高度、组件背景颜色或上传组件背景图片、设置组件边框和边距,如下图所示:
设置占位符组件尺寸:若固定高度,可能会导致不同终端下出现模块被遮挡、留白等情况,请谨慎使用!
设置占位符组件背景:可以设置背景色,也可以上传背景图片:
设置占位符组件边框:
设置占位符组件边距:可以设置组件内边距也可以设置组件外边距: