制作商城小程序,列表多图组件怎么用?
轻栈insarea
轻栈insarea微头条
2022-07-28

1.进入轻栈【Design Lab】,添加【列表多图】组件。添加图片,为了让组件加载更快,上传的图片数量控制在20张以内,假如需要展示的商品比较多,可以添加多个【列表多图】组件优化加载速度。

1658999025167028730.jpg

展示样式选择第一个,展示效果就是一行两张图片,顶部对齐,假如图片尺寸不同,就会出现空白部分,影响美观。


2.选择瀑布流的展示样式,同样一行两张图片,但是是每一列对齐的方式,视觉效果更流畅。

1658999024263034889.jpg


3.显示文字,图片描述,其实是图片的名称,右键编辑可以修改图片名称,或者给图片命名后再上传。若只想展示纯图片,隐藏图片名称即可。这样你就能得到一个类似照片墙的展示位。

1658999020695032319.jpg



4.展示的是商品,要设置图片跳转到商品。还是右键编辑,自定义图片链接,选择【站外链接】,粘贴商品详情页的链接,从display...开始。

1658999021788097330.jpg

支持设置图片跳转到小程序不同页面,不同商品,不同项目。
列表多图组件用法灵活,自己尝试更多可能吧~

阅读量:1008
上一页:这是制作小程序最灵活的组件,没有之一!
下一页:制作小程序商城,商品可以像短视频一样一刷一个