ion-img
Img 是一個標籤,當標籤在視窗中時,會延遲載入圖片。這在產生大型清單時非常有用,因為圖片只會在可見時載入。此元件內部使用 Intersection Observer,大多數現代瀏覽器都支援此功能,但當不支援時,會回退到 setTimeout
。
基本用法
屬性
alt
描述 | 此屬性定義描述圖片的替代文字。如果圖片 URL 錯誤、圖片格式不支援或圖片尚未下載,使用者將會看到此文字。 |
屬性 | alt |
類型 | string | undefined |
預設值 | undefined |
src
描述 | 圖片 URL。此屬性對於 <img> 元素是必要的。 |
屬性 | src |
類型 | string | undefined |
預設值 | undefined |
事件
名稱 | 描述 | 冒泡 |
---|---|---|
ionError | 當圖片載入失敗時發射 | true |
ionImgDidLoad | 當圖片完成載入時發射 | true |
ionImgWillLoad | 當圖片 src 已設定時發射 | true |
方法
此元件沒有可用的公開方法。
CSS 陰影部分
名稱 | 描述 |
---|---|
image | 內部的 img 元素。 |
CSS 自訂屬性
此元件沒有可用的 CSS 自訂屬性。
插槽
此元件沒有可用的插槽。