跳至主要內容
版本:v8

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 自訂屬性。

插槽

此元件沒有可用的插槽。