uniapp无损展示 图片

Uniapp 中展示无损图片可以使用原生的 img 标签或者使用 uniapp 提供的图片组件来实现。

使用 img 标签展示无损图片：

<template>
  <div>
    <img src="/static/img/test.png" />
  </div>
</template>

使用图片组件展示无损图片：

<template>
  <div>
    <uni-image src="/static/img/test.png" mode="aspectFit"></uni-image>
  </div>
</template>

其中，mode 属性可以设置图片展示的模式，默认为 aspectFit，即等比缩放图片以适应容器大小。其他可选值包括 aspectFill、widthFix、top、bottom、left、right、center、topLeft、topRight、bottomLeft 和 bottomRight。