ion-backdrop
背景幕是覆蓋在其他元件之上的全螢幕元件。它們在其他內容之上轉換的元件後面很有用,並且可以用於關閉該元件。
基本用法
背景幕會阻止點擊或輕觸其後面的內容。預設情況下它是透明的,因此下面的演示包含了 CSS 使其可見。
樣式
可以透過將 CSS 屬性直接指派給背景幕元素來自訂背景幕。常見屬性包括 background-color
、background
和 opacity
。
可以透過在內容上設定比背景幕更高的 z-index
(預設為 2
)將內容顯示在背景幕上方。
屬性
stopPropagation
說明 | 如果為 true ,背景幕將會停止輕觸時的傳播。 |
屬性 | stop-propagation |
類型 | boolean |
預設 | true |
tappable
說明 | 如果為 true ,則可以點擊背景幕,並會發出 ionBackdropTap 事件。 |
屬性 | tappable |
類型 | boolean |
預設 | true |
visible
說明 | 如果為 true ,背景幕將會可見。 |
屬性 | visible |
類型 | boolean |
預設 | true |
事件
名稱 | 說明 | 氣泡 |
---|---|---|
ionBackdropTap | 當背景幕被輕觸時發出。 | true |
方法
此元件沒有可用的公開方法。
CSS 陰影部分
此元件沒有可用的 CSS 陰影部分。
CSS 自訂屬性
此元件沒有可用的 CSS 自訂屬性。
插槽
此元件沒有可用的插槽。