跳至主要内容
版本:v8

ion-img

阴影

Img 是一个标签,每当标签在视窗中时,它会懒加载图片。当生成一个大型列表时,这非常有用,因为图片仅在可见时才加载。该组件在内部使用 Intersection Observer,该组件在大多数现代浏览器中受支持,但在不受支持时会回退到 setTimeout

基本用法

属性

alt

描述此属性定义描述图片的替代文本。如果图片 URL 错误,图片不在支持的格式之一,或者图片尚未下载,用户将看到此文本显示。
属性alt
类型string | undefined
默认值undefined

src

描述图片 URL。此属性对于 <img> 元素是必需的。
属性src
类型string | undefined
默认值undefined

事件

名称描述冒泡
ionError当 img 无法加载时发出true
ionImgDidLoad当图片已完成加载时发出true
ionImgWillLoad当 img src 已设置时发出true

方法

此组件没有可用的公共方法。

CSS 阴影部分

名称描述
image内部的 img 元素。

CSS 自定义属性

此组件没有可用的 CSS 自定义属性。

插槽

此组件没有可用的插槽。