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 自定义属性可用。
插槽
此组件没有插槽可用。