更新记录
1.0.1(2024-02-23)
下载此版本
文档更新
1.0.0(2024-02-23)
下载此版本
上传
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 app-vue app-nvue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
props
属性 |
类型 |
说明 |
默认 |
src |
string |
图片地址 |
|
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>
、