跳至主要内容
版本:v8

ion-backdrop

阴影

背景是覆盖其他组件的全屏组件。它们在组件下方很有用,这些组件会从其他内容上方过渡进来,并且可以用于关闭该组件。

基本用法

背景会阻止点击或点击它后面的内容。默认情况下它是透明的,因此下面的演示包括 CSS 使其可见。

样式

可以通过直接将 CSS 属性分配给背景元素来定制背景。常见属性包括 `background-color`、`background` 和 `opacity`。

可以通过在内容上设置 `z-index`(高于背景的默认值 `2`)来在背景上方显示内容。

属性

stopPropagation

描述如果为 `true`,则背景将在点击时停止传播。
属性stop-propagation
类型布尔值
默认值true

tappable

描述如果为 `true`,则背景可以被点击并会发出 `ionBackdropTap` 事件。
属性tappable
类型布尔值
默认值true

visible

描述如果为 `true`,则背景将可见。
属性visible
类型布尔值
默认值true

事件

名称描述冒泡
ionBackdropTap在点击背景时发出。true

方法

此组件没有公开方法可用。

CSS 阴影部分

此组件没有 CSS 阴影部分可用。

CSS 自定义属性

此组件没有 CSS 自定义属性可用。

插槽

此组件没有插槽可用。