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 自定义属性。
插槽
此组件没有可用的插槽。