图片墙组件(文档)

图片墙组件,可以将多张图片以表格的形式展示在访客的面前。使用简单易以排版,对访客有很好的体验性。

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

 

1,如何插入设计组件

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

 

 

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

2,内容选项卡

2.1,图片库-内容模块,此处选择需要展示的图片,按着shitf按键可以选择连续的图片。  具体请参考下图设置或相关操作视频

 

(1)源图大小 :尺寸类型分为“小图 150×150”,“中图 300×300”,“中大图 765×765”,“大图 1024×1024”,“原图”。当您上传图片时,你的图片会裁剪生成4张小图,以应对不同的场景更快的加载图片。选择说明:当图片宽度大于源图尺寸时会导致图片像素模糊,但源图尺寸过大会影响加载速度,您需要根据您实际要加载的图片宽度选择尺寸。如png图片要使用透明度,请使用原图。

(2)图片高度:指定图片展示高度,删除高度数值留空,图片会根据自身高度比例展示。

 

 

第一步点击添加图片 ,弹出窗口然后 从“我的文件夹”,或“素材库”中选择图片 ,然后点击“添加到相册”按钮。参考下图

 

 

第二步,跳转到下图页面,您可以在此处通过拖拽的方式改变图片展示顺序,删除多余的图片操作,最后点击“插入相册”按钮。完成图片插入,参考下图。

 

 

2.2,布局-内容模块,此处可设置图片列数,间距,点击弹出大图等功能  具体请参考下图设置或相关操作视频。

 

 

设置6列参考下图效果

 

 

弹出框效果如下,显示大图带轮播效果,左右箭头可滑动显示图片项目

 

 

3,样式选项卡

3.1,项目-样式模块。此处可设置项目动画,边框,遮罩层颜色,图片颜色 具体请参考下图设置或视频操作

 

 

 

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

 

评论

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

产品标题

剩余 0

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

立刻分享给好友

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

知道了