搜索文档 /

ion-footer

页脚是位于页面底部的页面的根组件。页脚可以是离子工具栏的包装器,以确保内容区域的大小正确。

使用


                  <
                 离子含量
                 >
                  
                 离子含量
                 >
               
                <!——没有边界的页脚——>
               
                  <
                 ion-footer
                
                 
                  
                  
                 ion-no-border
                  
                 >
               
                  <
                 ion-toolbar
                 >
               
                  <
                 ion-title
                 >
               页脚-没有边框
                  
                 ion-title
                 >
               
                  
                 ion-toolbar
                 >
               
                  
                 ion-footer
                 >
               
                  <
                 ion-footer
                 >
               
                  <
                 ion-toolbar
                 >
               
                  <
                 ion-title
                 >
               页脚
                  
                 ion-title
                 >
               
                  
                 ion-toolbar
                 >
               
                  
                 ion-footer
                 >
复制 复制

                  <
                 离子含量
                 >
                  
                 离子含量
                 >
               
                <!——没有边界的页脚——>
               
                  <
                 ion-footer
                
                 
                  
                  
                 ion-no-border
                  
                 >
               
                  <
                 ion-toolbar
                 >
               
                  <
                 ion-title
                 >
               页脚-没有边框
                  
                 ion-title
                 >
               
                  
                 ion-toolbar
                 >
               
                  
                 ion-footer
                 >
               
                  <
                 ion-footer
                 >
               
                  <
                 ion-toolbar
                 >
               
                  <
                 ion-title
                 >
               页脚
                  
                 ion-title
                 >
               
                  
                 ion-toolbar
                 >
               
                  
                 ion-footer
                 >
复制 复制

                进口
               反应
                
               
                “反应”
                ;
               
                进口
               
                
               IonContent
                
               IonFooter
                
               IonToolbar
                
               IonTitle
                
               
                
               
                “@betway东盟体育appionic /反应”
                ;
               
                出口
               
                常量
               FooterExample
                
               反应
                
                足球俱乐部
               
                
               
                
                
               
                =>
               
                
               
                  <
                 >
                
                  <
                  IonContent
                
                 />
                
                
                /*——没有边框的页脚——*/
                
                
                  <
                  IonFooter
                
                 类名称
                  
                  
                 ion-no-border
                  
                 >
                
                  <
                  IonToolbar
                 >
                
                  <
                  IonTitle
                 >
                页脚-没有边框
                  
                  IonTitle
                 >
                
                  
                  IonToolbar
                 >
                
                  
                  IonFooter
                 >
                
                  <
                  IonFooter
                 >
                
                  <
                  IonToolbar
                 >
                
                  <
                  IonTitle
                 >
                页脚
                  
                  IonTitle
                 >
                
                  
                  IonToolbar
                 >
                
                  
                  IonFooter
                 >
                
                  
                 >
               
                
                ;
复制 复制

                进口
               
                
               组件
                
               h
                
               
                
               
                “@stencil /核心”
                ;
               
                组件
                
                
               标签
                
               
                “footer-example”
                
               styleUrl
                
               
                “footer-example.css”
               
                
                
               
                出口
               
                
               
                FooterExample
               
                
               
                渲染
                
                
               
                
               
                返回
               
                
               
                  <
                 离子含量
                 >
                  
                 离子含量
                 >
                
               
                //没有边界的页脚
               
                  <
                 ion-footer
                
                 
                  
                  
                 ion-no-border
                  
                 >
                
                  <
                 ion-toolbar
                 >
                
                  <
                 ion-title
                 >
                页脚-没有边框
                  
                 ion-title
                 >
                
                  
                 ion-toolbar
                 >
                
                  
                 ion-footer
                 >
                
               
                  <
                 ion-footer
                 >
                
                  <
                 ion-toolbar
                 >
                
                  <
                 ion-title
                 >
                页脚
                  
                 ion-title
                 >
                
                  
                 ion-toolbar
                 >
                
                  
                 ion-footer
                 >
               
                
                ;
               
                
               
                
复制 复制

                  <
                 模板
                 >
               
                  <
                 离子含量
                 >
                  
                 离子含量
                 >
               
                <!——没有边界的页脚——>
               
                  <
                 ion-footer
                
                 
                  
                  
                 ion-no-border
                  
                 >
               
                  <
                 ion-toolbar
                 >
               
                  <
                 ion-title
                 >
               页脚-没有边框
                  
                 ion-title
                 >
               
                  
                 ion-toolbar
                 >
               
                  
                 ion-footer
                 >
               
                  <
                 ion-footer
                 >
               
                  <
                 ion-toolbar
                 >
               
                  <
                 ion-title
                 >
               页脚
                  
                 ion-title
                 >
               
                  
                 ion-toolbar
                 >
               
                  
                 ion-footer
                 >
               
                  
                 模板
                 >
               
                  <
                 脚本
                 >
                 
                  进口
                 
                  
                 IonContent
                  
                 IonFooter
                  
                 IonTitle
                  
                 IonToolbar
                  
                 
                  
                 
                  “@betway东盟体育appionic / vue”
                  ;
                 
                  进口
                 
                  
                 defineComponent
                  
                 
                  
                 
                  “vue”
                  ;
                 
                  出口
                 
                  默认的
                 
                  defineComponent
                  
                  
                 组件
                  
                 
                  
                 IonContent
                  
                 IonFooter
                  
                 IonTitle
                  
                 IonToolbar
                  
                 
                  
                  
                  ;
                 
                  
                 脚本
                 >
复制 复制

属性

模式

描述

模式决定使用哪种平台样式。

属性 模式
类型 “ios”|“医学博士”

半透明的

描述

如果真正的,页脚将是半透明的。仅当模式为时适用“苹果”设备支持backdrop-filter

注意:为了滚动页脚后面的内容,全屏属性需要设置在内容上。

属性 半透明的
类型 布尔
默认的
Baidu