广告轮播组件,以华丽的滑块的将多张图片布局在组件中。访客可通过左右箭头或底部导航条来轮播组件内容。控件支持图片,视频,文字。可组合搭配设计出更专业的页面效果。
1,如何插入设计组件
只需从左侧的组件控制面板【轮播图组件】中 ,选中广告轮播组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
了易于理解及操作,下面的操作我们只说明常用的内容和样式设置,因为并不是每一个选项都是我们设计的时候需要用到的
2,内容选项卡
2.1,广告轮播 -内容模块,点击“新增项目”按钮后可添加轮播图项目,然后点击项目后,可设置轮播图的背景色,背景图片,内容及项目指定样式 。具体请参考下图设置或相关操作视频。
(1)参考下图在背景选项卡中 设置背景颜色 ,请参考下图或视频操作。
(2)参考下图在项目的背景选项卡中 可设置背景图片 ,请参考下图或视频操作。
- 尺寸:可设置背景尺寸为“覆盖(铺满轮播组件)” 或“包含(按图片比例显示)”
- 放大特效: 开启背景动态放大特效
- 背景遮罩层:开启后可设置遮罩层的颜色,参考下图的遮罩层是透明度80%的黑色遮罩层
(3)参考下图在项目的背景选项卡中 可设置视频动态背景 ,请参考下图或视频操作。
(4)参考下图在项目的内容选项卡中 ,可以修改轮播项目的标题与描述,按钮文本与设置按钮跳转链接,请参考下图或视频操作。
(6)在样式选项卡中开启“自定义”按钮,可设置内容区域的 对齐位置,标题颜色,背景颜色,按钮颜色等。请参考下图或视频操作。
2.2,选项 -内容模块,此处可设置轮播图滚动属性,具体请参考下图或视频操作
3,样式选项卡
3.1,广告轮播图-样式模块。此处可设置内容区域默认的宽度,间距,位置及背景色。 具体请参考下图设置或视频操作。
3.2,标题与描述-样式模块。 具体请参考下图设置或视频操作。
3.3,按钮-样式模块。此处设置按钮样式 具体请参考下图设置或视频操作。
3.4,导航-样式模块。此处可设置箭头导航和圆点导航 具体请参考下图设置或视频操作。
恭喜你已完成当前组件的学习,感谢阅读。
评论