搜索文件 /
阴影

离子背景

Backdrops是覆盖其他组件的全屏组件。它们在其他内容的顶部转换的组件背后有用,并且可以用来解除该组件。

用法


                <! - 默认背景 - >
               
                  <
                 离子背景
                 >
                  
                 离子背景
                 >
               
                <! - 背面是不嘲笑的 - >
               
                  <
                 离子背景
                
                 令人烦人的
                  =
                  
                 错误的
                  
                 >
                  
                 离子背景
                 >
               
                <! - 背景不可见 - >
               
                  <
                 离子背景
                
                 可见的
                  =
                  
                 错误的
                  
                 >
                  
                 离子背景
                 >
               
                <! - 带传播的背景 - >
               
                  <
                 离子背景
                
                 stoppropagation
                  =
                  
                 错误的
                  
                 >
                  
                 离子背景
                 >
               
                <! - 设置动态属性的背景 - >
               
                  <
                 离子背景
                
                 [令人震惊]
                  =
                  
                 enablebackdropdismiss.
                  
                
                 [可见的]
                  =
                  
                 ShowBackDrop.
                  
                
                 [stoppropagation]
                  =
                  
                 应该是propagate.
                  
                 >
               
                  
                 离子背景
                 >
复制 复制

                进口
               
                {
               零件
                }
               
                
               
                '@ Angular / Core'
                ;
               @
                零件
                
                {
               选择器
                
               
                '背景 - 例'
                
               templateURL.
                
               
                'backdrop-example.html'
                
               样式堡垒
                
               
                [
                './backdrop-example.css'
                ]
                
               
                }
                的)
               
                出口
               
                班级
               
                backdropexample.
               
                {
               enablebackdropdismiss.
                =
               
                错误的
                ;
               ShowBackDrop.
                =
               
                错误的
                ;
               应该是propagate.
                =
               
                错误的
                ;
               
                }
复制 复制

                <! - 默认背景 - >
               
                  <
                 离子背景
                 >
                  
                 离子背景
                 >
               
                <! - 背面是不嘲笑的 - >
               
                  <
                 离子背景
                
                 令人烦人的
                  =
                  
                 错误的
                  
                 >
                  
                 离子背景
                 >
               
                <! - 背景不可见 - >
               
                  <
                 离子背景
                
                 可见的
                  =
                  
                 错误的
                  
                 >
                  
                 离子背景
                 >
               
                <! - 带传播的背景 - >
               
                  <
                 离子背景
                
                 停止传播
                  =
                  
                 错误的
                  
                 >
                  
                 离子背景
                 >
               
                <! - 设置动态属性的背景 - >
               
                  <
                 离子背景
                
                 ID
                  =
                  
                 CustomBackDrop.
                  
                 >
                  
                 离子背景
                 >
复制 复制

                var.
               背景
                =
               文档
                
                getelementbyid
                
                'custombackdrop'
                的)
                ;
               背景
                
               可见的
                =
               
                错误的
                ;
               背景
                
               令人烦人的
                =
               
                错误的
                ;
               背景
                
               stoppropagation
                =
               
                错误的
                ;
复制 复制

                进口
               反应
                
               
                '反应'
                ;
               
                进口
               
                {
               离子背面
                
               离子联系
                }
               
                
               
                '@betway东盟体育app离子/反应'
                ;
               
                出口
               
                Const.
               backdropexample.
                
               反应
                
                FC.
               
                =
               
                
                的)
               
                =>
               
                
               
                  <
                  离子联系
                 >
                
                {
                / *  - 默认背景 -  * /
                }
                
                  <
                  离子背面
                
                 />
                
                {
                / *  - 背面不令人震惊 -  * /
                }
                
                  <
                  离子背面
                
                 令人烦人的
                  =
                  {
                  错误的
                  }
                
                 />
                
                {
                / *  - 不可见的背景 -  * /
                }
                
                  <
                  离子背面
                
                 可见的
                  =
                  {
                  错误的
                  }
                
                 />
                
                {
                / *  - 带传播的背景 -  * /
                }
                
                  <
                  离子背面
                
                 stoppropagation
                  =
                  {
                  错误的
                  }
                
                 />
                
                  <
                  离子背面
                
                 令人烦人的
                  =
                  {
                  真的
                  }
                
                 可见的
                  =
                  {
                  真的
                  }
                
                 stoppropagation
                  =
                  {
                  真的
                  }
                
                 />
                
                  
                  离子联系
                 >
               
                的)
                ;
复制 复制

                进口
               
                {
               零件
                
               H
                }
               
                
               
                '@模板/核心'
                ;
               @
                零件
                
                {
               标签
                
               
                '背景 - 例'
                
               styleurl.
                
               
                'backdrop-example.css'
               
                }
                的)
               
                出口
               
                班级
               
                backdropexample.
               
                {
               
                使成为
                
                的)
               
                {
               
                Const.
               enablebackdropdismiss.
                =
               
                错误的
                ;
               
                Const.
               ShowBackDrop.
                =
               
                错误的
                ;
               
                Const.
               应该是propagate.
                =
               
                错误的
                ;
               
                返回
               
                [
               
                //默认背景
               
                  <
                 离子背景
                 >
                  
                 离子背景
                 >
                
               
                //不令人嘲笑的背景
               
                  <
                 离子背景
                
                 令人烦人的
                  =
                  {
                  错误的
                  }
                 >
                  
                 离子背景
                 >
                
               
                //不可见的背景
               
                  <
                 离子背景
                
                 可见的
                  =
                  {
                  错误的
                  }
                 >
                  
                 离子背景
                 >
                
               
                //带传播的背景
               
                  <
                 离子背景
                
                 stoppropagation
                  =
                  {
                  错误的
                  }
                 >
                  
                 离子背景
                 >
                
               
                //设置动态属性的背景
               
                  <
                 离子背景
                
                 令人烦人的
                  =
                  {
                 enablebackdropdismiss.
                  }
                
                 可见的
                  =
                  {
                 ShowBackDrop.
                  }
                
                 stoppropagation
                  =
                  {
                 应该是propagate.
                  }
                 >
                
                  
                 离子背景
                 >
               
                ]
                ;
               
                }
               
                }
复制 复制

                  <
                 模板
                 >
               
                <! - 默认背景 - >
               
                  <
                 离子背景
                 >
                  
                 离子背景
                 >
               
                <! - 背面是不嘲笑的 - >
               
                  <
                 离子背景
                
                 令人烦人的
                  =
                  
                 错误的
                  
                 >
                  
                 离子背景
                 >
               
                <! - 背景不可见 - >
               
                  <
                 离子背景
                
                 可见的
                  =
                  
                 错误的
                  
                 >
                  
                 离子背景
                 >
               
                <! - 带传播的背景 - >
               
                  <
                 离子背景
                
                 停止传播
                  =
                  
                 错误的
                  
                 >
                  
                 离子背景
                 >
               
                <! - 设置动态属性的背景 - >
               
                  <
                 离子背景
                
                 :Tappable.
                  =
                  
                 enablebackdropdismiss.
                  
                
                 :可见的
                  =
                  
                 ShowBackDrop.
                  
                
                 :停止传播
                  =
                  
                 应该是propagate.
                  
                 >
               
                  
                 离子背景
                 >
               
                  
                 模板
                 >
               
                  <
                 脚本
                 >
                 
                  进口
                 
                  {
                 离子背面
                  }
                 
                  
                 
                  '@betway东盟体育app ionic / vue'
                  ;
                 
                  进口
                 
                  {
                 绝缘组分
                  }
                 
                  
                 
                  'vue'
                  ;
                 
                  出口
                 
                  默认
                 
                  绝缘组分
                  
                  {
                 成分
                  
                 
                  {
                 离子背面
                  }
                  
                 
                  设置
                  
                  的)
                 
                  {
                 
                  返回
                 
                  {
                 enablebackdropdismiss.
                  
                 
                  真的
                  
                 ShowBackDrop.
                  
                 
                  真的
                  
                 应该是propagate.
                  
                 
                  真的
                 
                  }
                 
                  }
                 
                  }
                  的)
                  ;
                 
                  
                 脚本
                 >
复制 复制

特性

stoppropagation

描述

如果真的,背景将停止在水龙头上的传播。

属性 停止传播
类型 布尔
默认 真的

令人烦人的

描述

如果真的,可以单击后面的背景,将发出IonbackDroptap.事件。

属性 令人烦人的
类型 布尔
默认 真的

可见的

描述

如果真的,背景将是可见的。

属性 可见的
类型 布尔
默认 真的

事件

姓名 描述
IonbackDroptap. 在挖掘背景时发出。
查看来源
Baidu