Appearance
mosowe-image 图片组件
uniapp
/uni_modules组件
兼容性
平台 | android | ios | 微信小程序 | H5 |
---|---|---|---|---|
兼容 | √ | √ | √ | √ |
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 | 图片加载完成时触发 |
示例代码
vue
<template>
<mosowe-image
src="https://www.baidu.com/66.jpg"
preview
:round="30"
></mosowe-image>
</template>
、
贡献者
mosowe