文档中心 > 店铺动态卡片-开发指引

image

更新时间:2023/04/03 访问次数:5879

说明:本文档适用于小部件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 展示隐藏的场景。
默认值:false

default-source

String

默认图片地址,若设置默认图片地址,会先显示默认图片,等 src 对应的图片加载成功后,再渲染对应的图片。

catchTap

EventHandle

点击图片时触发,阻止事件冒泡。

 

三、通用事件类型

 

事件名

事件类型

语义

是否冒泡

可用标签

click

MouseEvent

 

 

appear

 

内容在屏幕中显示

 

disappear

 

内容离开了屏幕

 

 

scroll

 

元素被滚动

 

 

change

 

 

 

 

FAQ

关于此文档暂时还没有FAQ
返回
顶部