uniapp image mode

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，它允许开发者编写一次代码，然后发布到iOS、Android、Web（包括微信小程序和各种浏览器）等多个平台。

在uni-app中，`<image>`标签用于显示图片，`mode`属性用于指定图片的裁剪和显示模式。`mode`属性的值通常有以下几种：

1. `scaleToFill`：不保持纵横比缩放图片，使得图片的宽高完全拉伸至填充整个`<image>`元素。
2. `aspectFit`：保持纵横比缩放图片，使得图片的长边能够完全显示出来。宽和高会按比例缩放，确保图片的完整性不被破坏。
3. `aspectFill`：保持纵横比缩放图片，只保证图片的短边能够完全显示出来。这样图片会在保持比例的前提下填充整个元素，但可能图片的一部分会不可见。
4. `widthFix`：宽度不变，高度自动变化，保持原图宽高比不变。
5. `heightFix`：高度不变，宽度自动变化，保持原图宽高比不变。
6. `top`：不缩放图片，只显示图片的顶部区域。
7. `bottom`：不缩放图片，只显示图片的底部区域。
8. `left`：不缩放图片，只显示图片的左侧区域。
9. `right`：不缩放图片，只显示图片的右侧区域。
10. `center`：不缩放图片，显示图片的中间区域。
11. `cover`：保持纵横比，缩放图片的宽度或高度，确保图片的宽和高完全覆盖或大于容器。图片通常被裁剪。
12. `contain`：保持纵横比，缩放图片的宽度或高度，确保容器的宽和高完全覆盖或大于图片。图片通常会留白。

开发者可以根据实际需求选择合适的`mode`值来展示图片，从而达到预期的显示效果。