如何使用占位符?

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

【简介】占位符组件通过添加一段空白的高度来占位,实现模块与模块之间有一定高度的间距,而不是紧贴着连在一起,占位符在制作页面时的应用比较灵活。
 
【应用场景】占位符组件的应用很广泛,在制作页面时的应用比较灵活。比如:当一行中有多个列,每个列的组件内容不一样高时,可以通过添加一定的占位符,达到排版上的美观性和一致性。同时添加一定的占位符,相比在组件中设置上下间距,也有一个额外的优势,因为领动云建站是做响应式的网站,为了达到在pc端好看、pad和手机端也都好看的效果,有的时候就需要用到占位符。

领动占位符组件就是占住一个固定的位置,用于网页中调节版面中各部分位置。举例:通过占位符组件使得两部分内容间距变大。
 
占位符后台所示.jpg

1、如何添加占位符组件?
1)     打开浏览器输入www.7datong.com 到达七达通科技云营销平台首页,点击右上角登录按钮。
七达通科技建站05
 
2)     在白色框内输入账号和密码,点击登录。
七达通科技建站06
 3)     点击编辑网站,进入网站后台。
七达通科技建站07
 
第五步:找到添加组件入口。把鼠标放到要添加占位符组件的区域,出现小水滴(即添加组件按钮),单击小水滴,弹出添加组件弹出框;
5


第六步:添加“占位符”组件。在布局组件中,找到“占位符”组件,单击“占位符”。
11



2、如何设置占位符组件?
第一步:鼠标触摸到添加占位符的位置,点击第一个“设置”按钮,弹出“设置占位符 ”窗口。
7


第二步:在弹出的设置占位符窗口,可以设置不同设备上占位符的高度。
8


第三步:可以滑动按钮调节占位符高度,也可以直接在后方矩形方框内输入数值来改变占位符高度。
9


第四步:点击右下方“保存”按钮,保存所更改的占位符高度。
10



设置好组件的内容和风格后,可以根据需要使用此组件的以下功能:

3、查看如何编辑组件的样式
 
通过占位符组件的编辑样式功能,可以做如下操作:

可以设置占位符组件高度、组件背景颜色或上传组件背景图片、设置组件边框和边距,如下图所示:

设置占位符组件尺寸:若固定高度,可能会导致不同终端下出现模块被遮挡、留白等情况,请谨慎使用!

设置组件尺寸.jpg


设置占位符组件背景:可以设置背景色,也可以上传背景图片:

 组件颜色.jpg

设置占位符组件边框:

组件边框.jpg

设置占位符组件边距:可以设置组件内边距也可以设置组件外边距:

设置内边距.jpg

          微信公众号

阿里巴巴国际站

网站建设

知识圈

联系我们
  客服QQ:279415070
   服务顾问:17727578727  ( 微信 )
  邮箱:info@7datong.com
  地址 : 深圳市龙华区华油工业区1栋2层
Copyright © 深圳市七达通科技有限公司 All Rights Reserved 版权      互联网服务粤ICP备16005814号
   - 网站地图