说明:本文档适用于小部件3.0。
基础图片组件
图文混排场景默认是 inline-block,非图文混排为 block 布局。
属性 |
类型 |
描述 |
是否支持 |
将要支持 |
src |
String |
图片地址。 |
是 |
/ |
mode |
String |
图片模式。默认值: scaleToFill |
否(resize) |
/ |
class |
String |
外部样式。 |
是 |
/ |
style |
String |
内联样式。 |
是 |
/ |
onLoad |
EventHandle |
图片载入完毕时触发,事件对象 event.detail = {height: '图片高度px', width: '图片宽度px'}。 |
是 |
/ |
onError |
EventHandle |
当图片加载错误时触发,事件对象 event.detail = {errMsg: 'something wrong'。 |
是 |
/ |
onTap |
EventHandle |
点击图片时触发。 |
是 |
/ |
lazy-load |
Boolean |
支持图片懒加载,不支持通过 css 来控制 image 展示隐藏的场景。 |
否 |
否 |
default-source |
String |
默认图片地址,若设置默认图片地址,会先显示默认图片,等 src 对应的图片加载成功后,再渲染对应的图片。 |
否 |
否 |
catchTap |
EventHandle |
点击图片时触发,阻止事件冒泡。 |
否 |
否 |
事件名 |
事件类型 |
语义 |
是否冒泡 |
可用标签 |
click |
MouseEvent |
|
是 |
|
appear |
|
内容在屏幕中显示 |
否 |
|
disappear |
|
内容离开了屏幕 |
|
|
scroll |
|
元素被滚动 |
|
|
change |
|
|
|
|