图文轮播组件(文档)

图文轮播图组件,以华丽的滑块的将多张图片布局在组件中。访客可通过左右箭头或底部导航条来轮播组件内容。组件支持在图片项目下填写标题描述,点击项目跳转到指定页码,轮播图导航标签功能。

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

 

1,如何插入设计组件

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

 

 

2,内容选项卡

2.1,图文轮播 -内容模块,此处点击新增项目,然后填写项目数据如添加图像,填写标题与描述,添加跳转链接等  具体请参考下图设置或相关操作视频

 

 

 

2.2,轮播配置 -内容模块,此处可设置轮播组件属性如 源图大小,展示数量,导航样式等  具体请参考下图设置或相关操作视频。

(1)添加图片:点击从图库中选择你要轮播的图片

(2)展示数量:轮播图展示的数量

(3)导航:可选择“箭头”,”圆点” 导航。

(4)高度:设置轮播图高度

(5)两侧预览:开启后组件前后方向将出现欲将出现的轮播项目,如下图所示

(6)开启导航菜单: 开启后组件将出现导航标签,导航标签数据是项目的标题文本,点击标签按钮后轮播组件会跳转到指定的项目。

 

 

开启两侧预览设置如下图所示,左侧蓝色区域是设置项目, 两侧红色区域是展示的效果 。

 

 

开启导航菜单 , 效果如下显示

 

 

 

2.3,其他选项 -内容模块,此处可设置轮播图滚动配置,播放速度,开启预览功能等  具体请参考下图设置或相关操作视频。

 

 

 

3,样式选项卡

3.1,图文轮播-样式模块。此处可设置图片样式及导航栏标签样式 具体请参考下图设置或视频操作

 

 

 

 

3.2,导航-样式模块。具体请参考下图设置或视频操作

 

下图是箭头导航的样式,您可设置导航箭头的位置,尺寸,图标样式对齐方向,具体设置请参考下图

 

 

下图是圆点导航的样式,您可设置导航箭头的位置,尺寸,图标样式对齐方向,具体设置请参考下图

 

 

3.2,内容-样式模块。设置字体,描述的文本颜色及尺寸, 具体请参考下图设置或视频操作。

 

 

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

 

评论

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

产品标题

剩余 0

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

立刻分享给好友

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

知道了