Skip to content

mosowe-image 图片组件

uniapp/uni_modules组件

下载地址

兼容性

平台androidios微信小程序H5
兼容

props

属性类型说明默认
srcstring图片地址
preListstring[]需要多图预览时传入图片路径数组,必须包含当前src地址
previewboolean是否可预览
modestring图片裁剪、缩放的模式,imagescaleToFill
lazyLoadboolean图片懒加载。只针对page与scroll-view下的image有效,仅微信小程序false
showMenuByLongpressboolean开启长按图片显示识别小程序码菜单,仅微信小程序false
roundboolean / numberboolean:是否圆形,number圆角度数false
widthnumber图片宽度200
heightnumber图片高度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

文档版本 v1.0.1