📌 安卓显示 Webp 插件 - SuperModuleWebp

SunSeekerX大约 2 分钟

📌 安卓显示 Webp 插件 - SuperModuleWebp

⚠️ 警告

插件市场的文档解析有问题！方法名解析有丢失，例如 on start 放在一起就不见了

查看在线文档：https://doc.yoouu.cn/front-end/uni-app/nativeplugins/superwebp

简介

安卓端 webp 图片显示加强，不会出现闪烁，卡顿。nvue 自带的图片显示器，显示 webp 效果并不好，并且无法支持圆角。

支持缓存图片，图片圆角。

官网: ~

插件地址：https://ext.dcloud.net.cn/plugin?id=7679

平台兼容性

Android	iOS
4.4 - 12.0	~

使用示例

下载插件，配置原生插件，直接在模块使用

<!-- 远程 url -->
<SuperModuleWebp
  :options="{
      url: 'http://facexiu.oss-cn-shanghai.aliyuncs.com/uploads/20220120/fe4ea886e623b6952133527759ad3f6d.webp',
      radius: 20,
      radiusColor: '#ffffff'
    }"
  style="width:270;height:480; margin-top: 10px;"
/>
<!-- 本地图片 -->
<SuperModuleWebp
  :options="{
      url: '/static/imgs/super-webp/girl-webp.webp',
      radius: 20,
      radiusColor: '#000000'
    }"
  style="width:270;height:480;"
/>

模块方法

options

options <Object> 图片信息配置
- url <String> 图片 url 地址，支持网络路径和本地路径，本地路径以 / 开头作为根目录
- radius <Number> 圆角配置
- radiusColor <String> 圆角颜色，要实现圆角效果需要这个颜色跟背景色一致。