缩略图轮播图组件,底部导游缩略图导航,以华丽的滑块的将多张图片布局在组件中。访客可通过左右箭头或底部导航条来轮播组件内容。
1,如何插入设计组件
只需从左侧的组件控制面板【轮播图组件】中 ,选中缩略图轮播组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
2,内容选项卡
2.1,轮播图项目 -内容模块,此处点击“新增项目”按钮,然后填写项目数据如添加图像,填写标题与描述等 具体请参考下图设置或相关操作视频
项目编辑数据参考下图
2.2,其他选项 -内容模块,此处可设置轮播图滚动配置,播放速度,开启预览功能等 具体请参考下图设置或相关操作视频。
3,样式选项卡
3.1,内容栏-样式模块。此处可设置图片样式及导航栏标签样式 具体请参考下图设置或视频操作
3.2,导航-缩略图-样式模块。此处可以设置缩略图位置,尺寸,边框等。具体请参考下图设置或视频操作
调整缩略图位置及边框,参考下图
3.2,导航-箭头-样式模块。此处您可设置导航箭头的位置,尺寸,对齐方向,具体设置请参考下图
(注意)在移动端下不支持箭头导航,它会被隐藏起来。
请参考下图 设置为紫色背景,位置为左上角。
请参考下图 设置为深蓝色背景,位置为右下角,设置圆角半径。
恭喜你已完成当前组件的学习,感谢阅读。
评论