图文轮播图组件,以华丽的滑块的将多张图片布局在组件中,访客可通过左右箭头或底部导航条来轮播组件内容。组件支持在图片项目下配置说明文本,添加点击跳转功能,使用导航标签。
1,如何插入设计组件
只需从左侧的组件控制面板【轮播图组件】中 ,选中图片轮播组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
2,内容选项卡
2.1,图片轮播图 -内容模块,此处选择轮播图图片,轮播图显示的图片个数 具体请参考下图设置或相关操作视频
(1)添加图片:点击从图库中选择你要轮播的图片
(2)展示数量:轮播图展示的数量
(3)图片平铺满:设置“是”图片将铺满显示区域, “否”则根据图片实际尺寸比例展示。
(4)导航:可选择“箭头”,”圆点” 导航。
(5)链接:点击轮播图可设置跳转的导航链接,或者弹出原图大图,具体请参考示例或视频 。
(6)高度:设置轮播图高度
设置 展示数量 : 3 , 导航类型:圆点 , 链接设置:显示大图 ,展示效果如下图
2.2,其他选项 -内容模块,此处可设置轮播图滚动配置,播放速度,开启预览功能等 具体请参考下图设置或相关操作视频。
开启两侧预览设置如下图所示,左侧蓝色区域是设置项目, 两侧红色区域是展示的效果 。
3,样式选项卡
3.1,导航-样式模块。具体请参考下图设置或视频操作
下图是箭头导航的样式,您可设置导航箭头的位置,尺寸,图标样式对齐方向,具体设置请参考下图
下图是圆点导航的样式,您可设置导航箭头的位置,尺寸,图标样式对齐方向,具体设置请参考下图
3.2,图片边框-样式模块。设置边框类型,边框颜色及边框圆角 具体请参考下图设置或视频操作
恭喜你已完成当前组件的学习,感谢阅读。
评论