更新记录

1.1.1（2026-07-20） 下载此版本

增加监听src的改变，没有src情况下宽高的处理

1.1.0（2026-07-20） 下载此版本

新增src-thumb属性，支持传入低分辨率图片占位图，实现从模糊到清晰过度，优化大图白屏加载及扫屏加载情况

1.0.1（2024-02-23） 下载此版本

文档更新

查看更多

平台兼容性

uni-app(3.8.0)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
× √ √ √ √ √ √ √ √
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
√ √ √ √ √ √ √ √ √ √ √ √

uni-app x(3.8.0)

Chrome Safari Android iOS 鸿蒙 微信小程序
- - - - - -

其他

多语言 暗黑模式 宽屏模式
√ √ √

props

属性 类型 说明 默认
src string 图片地址
srcThumb string 图片缩略图，低分辨率图片，优化大图加载白屏，扫屏问题,图片大小尽可能的压缩在10K以下，提高缩略图的加载速度
preList string[] 需要多图预览时传入图片路径数组，必须包含当前src地址
preview boolean 是否可预览
mode string 图片裁剪、缩放的模式，image scaleToFill
lazyLoad boolean 图片懒加载。只针对page与scroll-view下的image有效，仅微信小程序 false
showMenuByLongpress boolean 开启长按图片显示识别小程序码菜单，仅微信小程序 false
round boolean \/ number boolean：是否圆形，number圆角度数 false
width number 图片宽度 200
height number 图片高度 200

emits

事件名 说明
click 点击事件，仅当preview=false时触发
error 图片加载失败时触发
load 图片加载完成时触发

示例代码

<template>
  <mosowe-image
    src="https://www.baidu.com/66.jpg"
    preview
    :round="30"></mosowe-image>
</template>
、

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉
加载更多...