写一个微信小程序瀑布流

最新推荐文章于 2025-10-21 18:07:51 发布

原创最新推荐文章于 2025-10-21 18:07:51 发布 · 246 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

踩坑同时被 2 个专栏收录

12 篇文章

订阅专栏

微信小程序

1 篇文章

订阅专栏

本文介绍了一种在未知图片比例的情况下实现两列布局瀑布流的方法。利用微信小程序的wx.getImageInfo()方法获取图片尺寸，并通过递归算法将图片加载到高度较小的一列中，以确保视觉效果的平滑过渡。

部署运行你感兴趣的模型镜像

两列布局瀑布流

参考 https://github.com/ivanYF/minapp

瀑布流 操作，未知图片比例的前提下，loading图片，分析宽高 放入正确的view轨道 end

· 关键的一句话“未知的图片比例”，刚好遇到的就是这样的情况，微信小程序下有 wx.getImageInfo() 这个方法，解析图片得到高度，再判断各列长度是否达到阈值，放入高度较小的那一列.

wx.getImageInfo() 是异步函数，参考以下链接才发现，使用递归解决。

https://developers.weixin.qq.com/community/develop/doc/000606ccd70630b3a4478156a56800

您可能感兴趣的与本文相关的镜像

Dify

AI应用

Agent编排

Dify 是一款开源的大语言模型（LLM）应用开发平台，它结合了后端即服务(Backend as a Service) 和LLMOps 的理念，让开发者能快速、高效地构建和部署生产级的生成式AI应用。它提供了包含模型兼容支持、Prompt 编排界面、RAG 引擎、Agent 框架、工作流编排等核心技术栈，并且提供了易用的界面和API，让技术和非技术人员都能参与到AI应用的开发过程中