实现图像加载时的渐隐淡入效果

在微信小程序中，我们经常需要展示图片，并且希望在图片加载完成后能够以一种渐隐淡入的效果显示出来，以提升用户体验。本文将介绍如何通过微信小程序的代码实现这一效果。

首先，我们需要在 WXML 文件中添加一个 <image> 标签来展示图片，并设置 wx:if 条件来控制图片的显示。同时，我们可以为图片添加一个 CSS 类名，用于后续的动画效果。

<image class="fade-in-image" wx:if="{
    {imageLoaded}}" src