广告轮播组件(文档)

广告轮播组件,以华丽的滑块的将多张图片布局在组件中。访客可通过左右箭头或底部导航条来轮播组件内容。控件支持图片,视频,文字。可组合搭配设计出更专业的页面效果。

点击查看”示例和视频操作” >>

 

1,如何插入设计组件

只需从左侧的组件控制面板【轮播图组件】中 ,选中广告轮播组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示

 

 

了易于理解及操作,下面的操作我们只说明常用的内容和样式设置,因为并不是每一个选项都是我们设计的时候需要用到的

 

2,内容选项卡

2.1,广告轮播 -内容模块,点击新增项目”按钮后可添加轮播图项目,然后点击项目后,可设置轮播图的背景色,背景图片,内容及项目指定样式 。具体请参考下图设置或相关操作视频。

 

(1)参考下图在背景选项卡中 设置背景颜色 ,请参考下图或视频操作。

 

(2)参考下图在项目的背景选项卡中 可设置背景图片 ,请参考下图或视频操作。

  • 尺寸:可设置背景尺寸为“覆盖(铺满轮播组件)” 或“包含(按图片比例显示)”
  • 放大特效: 开启背景动态放大特效
  • 背景遮罩层:开启后可设置遮罩层的颜色,参考下图的遮罩层是透明度80%的黑色遮罩层

 

 

(3)参考下图在项目的背景选项卡中 可设置视频动态背景 ,请参考下图或视频操作。

 

 

(4)参考下图在项目的内容选项卡中 ,可以修改轮播项目的标题与描述,按钮文本与设置按钮跳转链接,请参考下图或视频操作。

 

 

 

(6)在样式选项卡中开启“自定义”按钮,可设置内容区域的 对齐位置,标题颜色,背景颜色,按钮颜色等。请参考下图或视频操作。

 

 

2.2,选项 -内容模块,此处可设置轮播图滚动属性,具体请参考下图或视频操作

 

 

3,样式选项卡

3.1,广告轮播图-样式模块。此处可设置内容区域默认的宽度,间距,位置及背景色。 具体请参考下图设置或视频操作。

 

 

3.2,标题与描述-样式模块。 具体请参考下图设置或视频操作。

 

 

3.3,按钮-样式模块。此处设置按钮样式  具体请参考下图设置或视频操作。

 

 

3.4,导航-样式模块。此处可设置箭头导航和圆点导航  具体请参考下图设置或视频操作。

 

恭喜你已完成当前组件的学习,感谢阅读。

 

评论

数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了