前言

由于微信小程序图片组件加载成功后，会突然显示出来比较生硬，所以需要对其进行动画修饰。

在微信小程序开发中，实现图片加载时淡隐淡出效果，避免图片加载时显示的生硬效果。

小程序 vue2 | vue3 版本语法都能使用，跟着教程复制代码运行即可。

---

如下图所示，每次页面加载后图片采用淡入渐隐方式出现。

详细示例代码及注释，保证新手小白100%搞定。

解决方案

具体实现代码如下，请直接复制运行测试即可。