图文轮播图组件,以华丽的滑块的将多张图片布局在组件中。访客可通过左右箭头或底部导航条来轮播组件内容。组件支持在图片项目下填写标题描述,点击项目跳转到指定页码,轮播图导航标签功能。
1,如何插入设计组件
只需从左侧的组件控制面板【轮播图组件】中 ,选中图文轮播组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
2,内容选项卡
2.1,图文轮播 -内容模块,此处点击新增项目,然后填写项目数据如添加图像,填写标题与描述,添加跳转链接等 具体请参考下图设置或相关操作视频
2.2,轮播配置 -内容模块,此处可设置轮播组件属性如 源图大小,展示数量,导航样式等 具体请参考下图设置或相关操作视频。
(1)添加图片:点击从图库中选择你要轮播的图片
(2)展示数量:轮播图展示的数量
(3)导航:可选择“箭头”,”圆点” 导航。
(4)高度:设置轮播图高度
(5)两侧预览:开启后组件前后方向将出现欲将出现的轮播项目,如下图所示
(6)开启导航菜单: 开启后组件将出现导航标签,导航标签数据是项目的标题文本,点击标签按钮后轮播组件会跳转到指定的项目。
开启两侧预览设置如下图所示,左侧蓝色区域是设置项目, 两侧红色区域是展示的效果 。
开启导航菜单 , 效果如下显示
2.3,其他选项 -内容模块,此处可设置轮播图滚动配置,播放速度,开启预览功能等 具体请参考下图设置或相关操作视频。
3,样式选项卡
3.1,图文轮播-样式模块。此处可设置图片样式及导航栏标签样式 具体请参考下图设置或视频操作
3.2,导航-样式模块。具体请参考下图设置或视频操作
下图是箭头导航的样式,您可设置导航箭头的位置,尺寸,图标样式对齐方向,具体设置请参考下图
下图是圆点导航的样式,您可设置导航箭头的位置,尺寸,图标样式对齐方向,具体设置请参考下图
3.2,内容-样式模块。设置字体,描述的文本颜色及尺寸, 具体请参考下图设置或视频操作。
恭喜你已完成当前组件的学习,感谢阅读。
评论