如何设置组件的背景图片?

["wechat","weibo","qzone","douban","email"]

比如说面包屑导航组件,要给这个组件设置一张背景图片如何设置呢?

第1步: 登录领动后台

第2步:把面包屑导航组件所在的页面切换为当前页面,以“关于我们”页面为例来讲解;

把某个页面切换为当前页面

第3步:进入编辑样式操作界面,在关于我们页面,找到面包屑导航组件,把鼠标放到面包屑导航组件上,然后单击“编辑样式”;

单击编辑样式

第4步:在样式编辑器中,组件全局--》组件背景--》自定义--自定义--》选择图片上传--》设置平铺方式、平铺位置、背景尺寸,然后单击“保存”;

上传背景图片

第5步:由于面包屑导航组件本身占有的高度比较低,这样展示出来图片不好看,为了更美观,可以到组件边距中,增加组件的内外边距。这1步请根据需要来选择,不需要的可以忽略此步骤。

设置组件边距

第6步:设置出来的效果如下图所示,是自己需要的,就可以点“发布”同步到网站前台,客户就可以看到啦。

面包屑导航组件的背景图片