发布时间:2025-12-10 19:27:09 浏览次数:18
文章目录
一、利用多图文模块能实现什么效果?
多图文模块适用于展示多张图片(目前一个“多图文模块”中多支持展示8张图片),具有3种不同的模块样式,并支持对图片添加文字描述、设置链接。下图为模块样式示例。
样式1
样式2
样式3
二、如何添加多图文模块?
2.1、登录您的凡科网账号,进入【企业中心】,点击【轻站小程序】卡片,再点击【设计小程序】按钮,进入小程序设计页面后,点击添加【多图文模块】。
2.2、点击添加【多图文模块】后,会出现如下图的弹窗,在弹窗内可上传图片,一个多图文模块内多支持添加8张图片进行展示。
2.3、添加图片后,可对图片展示顺序进行重新排序,如下图,直接拖动图片即可。
三、如何对多图文模块中的图片设置链接和文字描述?
3.1、设置图片链接
把鼠标悬停在图片上,点击图片右上角的编辑按钮,在右侧【基础】面板中对图片设置跳转的链接。支持多种链接类型,包括页面、智能名片、电话、地址等等。点击链接查看此功能详细介绍《轻站小程序 - 如何设置链接地址》
3.2、设置图片描述
把鼠标悬停在图片上,点击图片右上角的编辑按钮,在右侧【基础】面板中对图片设置描述文字。
还可以在右侧【样式】-【常规】中设置是否显示描述、对描述文字的颜色进行自定义。
四、如何编辑多图文模块的样式
4.1、选择模块展示样式
点击编辑多图文模块,在右侧【基础】面板中可选择模块的展示样式。目前提供了三种可供选择的模块展示样式,三者的展示效果可点击此处回到本教程开篇处查看。
4.2、编辑模块标题栏
4.2.1、点击编辑多图文模块,可在【样式】-【常规】中设置是否显示标题栏。
4.2.1、选择【显示】标题栏时,可在【基础】中修改模块标题的文案。
4.3、编辑模块背景色
点击编辑多图文模块,在右侧【样式】面板中可设置多图文模块的背景色为【默认】或【自定义】。默认为白色;自定义则有多种颜色可供选择,还可调整颜色透明度。
4.4、编辑模块中的图片样式
4.4.1、边框
点击编辑多图文模块,在右侧【样式】-【单图文】-【边框】中可设置是否显示多图文模块中的图片边框,两者的区别很细微,需要您手动去操作才能看出来。概况来说区别就是:显示边框时图片会看起来小一点,隐藏边框时图片会看起来大一点。
4.4.2、阴影
点击编辑多图文模块,在右侧【样式】-【单图文】-【阴影】中可设置是否显示多图文模块中的图片阴影,两者的区别如下图。
4.4.3、高度
可以直接把鼠标悬停在图片上底部位置,拖动修改图片高度,修改的高度会同步到当前多图文模块中的所有图片上。
也可以点击编辑多图文模块,在右侧【样式】-【单图文】-【高度】-【自定义】中修改图片高度值。
4.4.4、图片缩放
点击编辑多图文模块,在右侧【样式】-【单图文】-【图片缩放】中修改图片缩放方式,支持拉伸、填充、不平铺三种效果,三者效果差异如下图。