跳至主要內容
版本:v8

ion-backdrop

陰影

背景幕是覆蓋在其他元件之上的全螢幕元件。它們在其他內容之上轉換的元件後面很有用,並且可以用於關閉該元件。

基本用法

背景幕會阻止點擊或輕觸其後面的內容。預設情況下它是透明的,因此下面的演示包含了 CSS 使其可見。

樣式

可以透過將 CSS 屬性直接指派給背景幕元素來自訂背景幕。常見屬性包括 background-colorbackgroundopacity

可以透過在內容上設定比背景幕更高的 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 自訂屬性。

插槽

此元件沒有可用的插槽。