# 图片 Image
一个支持懒加载,以及加载失败默认图的图片组件
# 示例代码
- 基本使用
<via-image src="http://xx" />
- 懒加载,带 懒加载默认图
<via-image lazyLoad loadingImg="http://xx" src="http://xx"/>
- 开启预览
<via-image preView src="http://xx" />
# 属性
属性 | 说明 | 类型 | 默认值 | 备注 |
---|---|---|---|---|
style | 样式 | String | '' | |
src | 图片地址 | String | '' | |
mode | 同 官网 mode | String | scaleToFill | |
webp | 同 官网 webp | Boolean | false | |
lazyLoad | 是否开启懒加载 | Boolean | false | |
showMenuByLongpress | 同 官网 | Boolean | false | |
errorImg | 错误填充图 | String | imgError | |
loadingImg | 加载中填充图 | String | '' |
# 外部样式类
类名 | 说明 | 备注 |
---|---|---|
class-image | 图片外部样式类名 | - |
# 插槽
名称 | 说明 | 备注 |
---|---|---|
- | - | - |
# 事件
名称 | 说明 | 返回值 | 备注 |
---|---|---|---|
onError | 图片加载失败触发 | - | - |
onSuccess | 图片加载成功触发 | - | - |