搜索文档 /
影子

ion-fab

晶圆厂是包含一个或多个晶圆厂按钮的容器元素。它们应该放置在一个固定的位置,不会随着内容滚动。Fab应该有一个主Fab按钮。晶圆厂还可以包含晶圆厂列表,其中包含了当点击主晶圆厂按钮时显示的相关按钮。同一个组装容器可以容纳多个容器 fab-list 具有不同边值的元素。

使用


                  <
                 ion-header
                 >
               
                  <
                 ion-toolbar
                 >
               
                  <
                 ion-title
                 >
               
                  
                 ion-title
                 >
               
                  
                 ion-toolbar
                 >
               
                  
                 ion-header
                 >
               
                  <
                 离子含量
                 >
               
                <!——放在最顶端的fab——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 添加
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!—fab放置到底部末端—>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 arrow-forward-circle
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!——排在首位——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 arrow-back-circle
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!——绝妙地放置在底部开始——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 arrow-up-circle
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!—fab放置(垂直)中心并启动—>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 分享
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!—fab放置于(垂直)中心和末端—>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 添加
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!放置在内容重叠标题的顶部和末端的顶部边缘——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 边缘
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!——fab放置在底部,并开始和底部边缘的内容重叠页脚,并在右侧有一个列表——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 边缘
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 设置
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 结束
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-vimeo
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  
                 ion-fab
                 >
               
                <!——fab放置在内容的中心,两边各有一个列表——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 中心
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 分享
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-vimeo
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-facebook
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 开始
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-instagram
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 结束
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-twitter
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  
                 ion-fab
                 >
               
                  
                 离子含量
                 >
               
                  <
                 ion-footer
                 >
               
                  <
                 ion-toolbar
                 >
               
                  <
                 ion-title
                 >
               页脚
                  
                 ion-title
                 >
               
                  
                 ion-toolbar
                 >
               
                  
                 ion-footer
                 >
复制 复制

                  <
                 ion-header
                 >
               
                  <
                 ion-toolbar
                 >
               
                  <
                 ion-title
                 >
               
                  
                 ion-title
                 >
               
                  
                 ion-toolbar
                 >
               
                  
                 ion-header
                 >
               
                  <
                 离子含量
                 >
               
                <!——放在最顶端的fab——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 添加
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!—fab放置到底部末端—>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 arrow-forward-circle
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!——排在首位——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 arrow-back-circle
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!——绝妙地放置在底部开始——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 arrow-up-circle
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!—fab放置(垂直)中心并启动—>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 分享
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!—fab放置于(垂直)中心和末端—>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 添加
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!放置在内容重叠标题的顶部和末端的顶部边缘——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 边缘
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!——fab放置在底部,并开始和底部边缘的内容重叠页脚,并在右侧有一个列表——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 边缘
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 设置
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 结束
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-vimeo
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  
                 ion-fab
                 >
               
                <!——fab放置在内容的中心,两边各有一个列表——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 中心
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 的名字
                  
                  
                 分享
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-vimeo
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-facebook
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 开始
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-instagram
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 结束
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-twitter
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  
                 ion-fab
                 >
               
                  
                 离子含量
                 >
               
                  <
                 ion-footer
                 >
               
                  <
                 ion-toolbar
                 >
               
                  <
                 ion-title
                 >
               页脚
                  
                 ion-title
                 >
               
                  
                 ion-toolbar
                 >
               
                  
                 ion-footer
                 >
复制 复制

                进口
               反应
                
               
                “反应”
                
               
                进口
               
                
               IonContent
                
               IonHeader
                
               IonFooter
                
               IonPage
                
               IonTitle
                
               IonToolbar
                
               IonFab
                
               IonFabButton
                
               betway东盟体育appIonIcon
                
               IonFabList
                
               
                
               
                “@betway东盟体育appionic /反应”
                
               
                进口
               
                
               添加
                
               设置
                
               分享
                
               
                
               arrowForwardCircle
                
               arrowBackCircle
                
               arrowUpCircle
                
               logoVimeo
                
               logoFacebook
                
               logoInstagram
                
               logoTwitter
                
               
                
               
                “betway东盟体育appionicons /图标”
                
               
                出口
               
                常量
               FabExamples
                
               反应
                
                足球俱乐部
               
                
               
                
                
               
                =>
               
                
               
                返回
               
                
               
                  <
                  IonPage
                 >
                
                  <
                  IonHeader
                 >
                
                  <
                  IonToolbar
                 >
                
                  <
                  IonTitle
                 >
                
                  
                  IonTitle
                 >
                
                  
                  IonToolbar
                 >
                
                  
                  IonHeader
                 >
                
                  <
                  IonContent
                 >
                
                
                /*——放置到顶端的fab——*/
                
                
                  <
                  IonFab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                  IonFabButton
                 >
                
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 添加
                  
                
                 />
                
                  
                  IonFabButton
                 >
                
                  
                  IonFab
                 >
                
                
                /*—fab放置到底部末端—*/
                
                
                  <
                  IonFab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                  IonFabButton
                 >
                
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 arrowForwardCircle
                  
                
                 />
                
                  
                  IonFabButton
                 >
                
                  
                  IonFab
                 >
                
                
                /*——fab放在最开始——*/
                
                
                  <
                  IonFab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                  IonFabButton
                 >
                
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 arrowBackCircle
                  
                
                 />
                
                  
                  IonFabButton
                 >
                
                  
                  IonFab
                 >
                
                
                /*——fab放在底部开始——*/
                
                
                  <
                  IonFab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                  IonFabButton
                 >
                
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 arrowUpCircle
                  
                
                 />
                
                  
                  IonFabButton
                 >
                
                  
                  IonFab
                 >
                
                
                /*—fab放置到(垂直)中心,并开始—*/
                
                
                  <
                  IonFab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                  IonFabButton
                 >
                
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 分享
                  
                
                 />
                
                  
                  IonFabButton
                 >
                
                  
                  IonFab
                 >
                
                
                /*——置于(垂直)中心和末端的fab——*/
                
                
                  <
                  IonFab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                  IonFabButton
                 >
                
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 添加
                  
                
                 />
                
                  
                  IonFabButton
                 >
                
                  
                  IonFab
                 >
                
                
                /*——fab放置到顶部和结束,并在内容重叠头的顶部边缘——*/
                
                
                  <
                  IonFab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 边缘
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                  IonFabButton
                 >
                
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 
                  
                
                 />
                
                  
                  IonFabButton
                 >
                
                  
                  IonFab
                 >
                
                
                /*——fab放在底部,开始和底部边缘的内容重叠页脚与列表的右边——*/
                
                
                  <
                  IonFab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 边缘
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                  IonFabButton
                 >
                
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 设置
                  
                
                 />
                
                  
                  IonFabButton
                 >
                
                  <
                  IonFabList
                
                 一边
                  
                  
                 结束
                  
                 >
                
                  <
                  IonFabButton
                 >
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 logoVimeo
                  
                
                 />
                  
                  IonFabButton
                 >
                
                  
                  IonFabList
                 >
                
                  
                  IonFab
                 >
                
                
                /*——fab放置在内容的中心,两边各有一个列表——*/
                
                
                  <
                  IonFab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 中心
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                  IonFabButton
                 >
                
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 分享
                  
                
                 />
                
                  
                  IonFabButton
                 >
                
                  <
                  IonFabList
                
                 一边
                  
                  
                 
                  
                 >
                
                  <
                  IonFabButton
                 >
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 logoVimeo
                  
                
                 />
                  
                  IonFabButton
                 >
                
                  
                  IonFabList
                 >
                
                  <
                  IonFabList
                
                 一边
                  
                  
                 
                  
                 >
                
                  <
                  IonFabButton
                 >
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 logoFacebook
                  
                
                 />
                  
                  IonFabButton
                 >
                
                  
                  IonFabList
                 >
                
                  <
                  IonFabList
                
                 一边
                  
                  
                 开始
                  
                 >
                
                  <
                  IonFabButton
                 >
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 logoInstagram
                  
                
                 />
                  
                  IonFabButton
                 >
                
                  
                  IonFabList
                 >
                
                  <
                  IonFabList
                
                 一边
                  
                  
                 结束
                  
                 >
                
                  <
                  IonFabButton
                 >
                  <
                  betway东盟体育appIonIcon
                
                 图标
                  
                  
                 logoTwitter
                  
                
                 />
                  
                  IonFabButton
                 >
                
                  
                  IonFabList
                 >
                
                  
                  IonFab
                 >
                
                  
                  IonContent
                 >
                
                  <
                  IonFooter
                 >
                
                  <
                  IonToolbar
                 >
                
                  <
                  IonTitle
                 >
                页脚
                  
                  IonTitle
                 >
                
                  
                  IonToolbar
                 >
                
                  
                  IonFooter
                 >
                
                  
                  IonPage
                 >
               
                
                
               
                
                
复制 复制

                进口
               
                
               组件
                
               h
                
               
                
               
                “@stencil /核心”
                
               
                组件
                
                
               标签
                
               
                “fab-example”
                
               styleUrl
                
               
                “fab-example.css”
               
                
                
               
                出口
               
                
               
                FabExample
               
                
               
                渲染
                
                
               
                
               
                返回
               
                
               
                  <
                 ion-header
                 >
                
                  <
                 ion-toolbar
                 >
                
                  <
                 ion-title
                 >
                
                  
                 ion-title
                 >
                
                  
                 ion-toolbar
                 >
                
                  
                 ion-header
                 >
                
               
                  <
                 离子含量
                 >
                
                
                /* * * * * * * * * * * * *
                
                
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                 ion-fab-button
                 >
                
                  <
                 ion-icon
                
                 的名字
                  
                  
                 添加
                  
                 >
                  
                 ion-icon
                 >
                
                  
                 ion-fab-button
                 >
                
                  
                 ion-fab
                 >
                
                
                /*放置到底部的fab */
                
                
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                 ion-fab-button
                 >
                
                  <
                 ion-icon
                
                 的名字
                  
                  
                 arrow-forward-circle
                  
                 >
                  
                 ion-icon
                 >
                
                  
                 ion-fab-button
                 >
                
                  
                 ion-fab
                 >
                
                
                /* * * * * * * * * * * * * * * * * * * * * * * * * *
                
                
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                 ion-fab-button
                 >
                
                  <
                 ion-icon
                
                 的名字
                  
                  
                 arrow-back-circle
                  
                 >
                  
                 ion-icon
                 >
                
                  
                 ion-fab-button
                 >
                
                  
                 ion-fab
                 >
                
                
                /*放置到底部*/
                
                
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                 ion-fab-button
                 >
                
                  <
                 ion-icon
                
                 的名字
                  
                  
                 arrow-up-circle
                  
                 >
                  
                 ion-icon
                 >
                
                  
                 ion-fab-button
                 >
                
                  
                 ion-fab
                 >
                
                
                /*放置到(垂直)中心并开始*/
                
                
                  <
                 ion-fab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                 ion-fab-button
                 >
                
                  <
                 ion-icon
                
                 的名字
                  
                  
                 分享
                  
                 >
                  
                 ion-icon
                 >
                
                  
                 ion-fab-button
                 >
                
                  
                 ion-fab
                 >
                
                
                /*放置在(垂直)中心和末端的fab */
                
                
                  <
                 ion-fab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                 ion-fab-button
                 >
                
                  <
                 ion-icon
                
                 的名字
                  
                  
                 添加
                  
                 >
                  
                 ion-icon
                 >
                
                  
                 ion-fab-button
                 >
                
                  
                 ion-fab
                 >
                
                
                /*放置在顶部和结束,并在顶部边缘的内容重叠标题*/
                
                
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 边缘
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                 ion-fab-button
                 >
                
                  <
                 ion-icon
                
                 的名字
                  
                  
                 
                  
                 >
                  
                 ion-icon
                 >
                
                  
                 ion-fab-button
                 >
                
                  
                 ion-fab
                 >
                
                
                /* fab放在底部,开始和底部边缘的内容重叠页脚与列表的右边*/
                
                
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 边缘
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                 ion-fab-button
                 >
                
                  <
                 ion-icon
                
                 的名字
                  
                  
                 设置
                  
                 >
                  
                 ion-icon
                 >
                
                  
                 ion-fab-button
                 >
                
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 结束
                  
                 >
                
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-vimeo
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
                
                  
                 ion-fab-list
                 >
                
                  
                 ion-fab
                 >
                
                
                /*放置在内容的中心,每边有一个列表*/
                
                
                  <
                 ion-fab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 中心
                  
                
                 
                  
                  
                 固定
                  
                 >
                
                  <
                 ion-fab-button
                 >
                
                  <
                 ion-icon
                
                 的名字
                  
                  
                 分享
                  
                 >
                  
                 ion-icon
                 >
                
                  
                 ion-fab-button
                 >
                
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 
                  
                 >
                
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-vimeo
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
                
                  
                 ion-fab-list
                 >
                
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 
                  
                 >
                
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-facebook
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
                
                  
                 ion-fab-list
                 >
                
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 开始
                  
                 >
                
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-instagram
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
                
                  
                 ion-fab-list
                 >
                
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 结束
                  
                 >
                
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 的名字
                  
                  
                 logo-twitter
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
                
                  
                 ion-fab-list
                 >
                
                  
                 ion-fab
                 >
                
                  
                 离子含量
                 >
                
               
                  <
                 ion-footer
                 >
                
                  <
                 ion-toolbar
                 >
                
                  <
                 ion-title
                 >
                页脚
                  
                 ion-title
                 >
                
                  
                 ion-toolbar
                 >
                
                  
                 ion-footer
                 >
               
                
                
               
                
               
                
复制 复制

                  <
                 模板
                 >
               
                  <
                 ion-header
                 >
               
                  <
                 ion-toolbar
                 >
               
                  <
                 ion-title
                 >
               
                  
                 ion-title
                 >
               
                  
                 ion-toolbar
                 >
               
                  
                 ion-header
                 >
               
                  <
                 离子含量
                 >
               
                <!——放在最顶端的fab——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 :图标
                  
                  
                 添加
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!—fab放置到底部末端—>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 :图标
                  
                  
                 arrowForwardCircle
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!——排在首位——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 :图标
                  
                  
                 arrowBackCircle
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!——绝妙地放置在底部开始——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 :图标
                  
                  
                 arrowUpCircle
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!—fab放置(垂直)中心并启动—>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 开始
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 :图标
                  
                  
                 分享
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!—fab放置于(垂直)中心和末端—>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 结束
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 :图标
                  
                  
                 添加
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!放置在内容重叠标题的顶部和末端的顶部边缘——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 结束
                  
                
                 边缘
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 :图标
                  
                  
                 
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab
                 >
               
                <!——fab放置在底部,并开始和底部边缘的内容重叠页脚,并在右侧有一个列表——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 
                  
                
                 水平
                  
                  
                 开始
                  
                
                 边缘
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 :图标
                  
                  
                 设置
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 结束
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 :图标
                  
                  
                 logoVimeo
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  
                 ion-fab
                 >
               
                <!——fab放置在内容的中心,两边各有一个列表——>
               
                  <
                 ion-fab
                
                 垂直
                  
                  
                 中心
                  
                
                 水平
                  
                  
                 中心
                  
                
                 
                  
                  
                 固定
                  
                 >
               
                  <
                 ion-fab-button
                 >
               
                  <
                 ion-icon
                
                 :图标
                  
                  
                 分享
                  
                 >
                  
                 ion-icon
                 >
               
                  
                 ion-fab-button
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 :图标
                  
                  
                 logoVimeo
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 :图标
                  
                  
                 logoFacebook
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 开始
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 :图标
                  
                  
                 logoInstagram
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  <
                 ion-fab-list
                
                 一边
                  
                  
                 结束
                  
                 >
               
                  <
                 ion-fab-button
                 >
                  <
                 ion-icon
                
                 :图标
                  
                  
                 logoTwitter
                  
                 >
                  
                 ion-icon
                 >
                  
                 ion-fab-button
                 >
               
                  
                 ion-fab-list
                 >
               
                  
                 ion-fab
                 >
               
                  
                 离子含量
                 >
               
                  <
                 ion-footer
                 >
               
                  <
                 ion-toolbar
                 >
               
                  <
                 ion-title
                 >
               页脚
                  
                 ion-title
                 >
               
                  
                 ion-toolbar
                 >
               
                  
                 ion-footer
                 >
               
                  
                 模板
                 >
               
                  <
                 脚本
                 >
                 
                  进口
                 
                  
                 IonContent
                  
                 IonFab
                  
                 IonFabButton
                  
                 IonFabList
                  
                 IonFooter
                  
                 IonHeader
                  
                 betway东盟体育appIonIcon
                  
                 IonTitle
                  
                 IonToolbar
                  
                 
                  
                 
                  “@betway东盟体育appionic / vue”
                  
                 
                  进口
                 
                  
                 添加
                  
                 arrowBackCircle
                  
                 arrowForwardCircle
                  
                 arrowUpCircle
                  
                 logoFacebook
                  
                 logoInstagram
                  
                 logoTwitter
                  
                 logoVimeo
                  
                 
                  
                 设置
                  
                 分享
                  
                 
                  
                 
                  “betway东盟体育appionicons /图标”
                  
                 
                  进口
                 
                  
                 defineComponent
                  
                 
                  
                 
                  “vue”
                  
                 
                  出口
                 
                  默认的
                 
                  defineComponent
                  
                  
                 组件
                  
                 
                  
                 IonContent
                  
                 IonFab
                  
                 IonFabButton
                  
                 IonFabList
                  
                 IonFooter
                  
                 IonHeader
                  
                 betway东盟体育appIonIcon
                  
                 IonTitle
                  
                 IonToolbar
                  
                  
                 
                  设置
                  
                  
                 
                  
                 
                  返回
                 
                  
                 添加
                  
                 arrowBackCircle
                  
                 arrowForwardCircle
                  
                 arrowUpCircle
                  
                 logoFacebook
                  
                 logoInstagram
                  
                 logoTwitter
                  
                 logoVimeo
                  
                 
                  
                 设置
                  
                 分享
                  
                 
                  
                 
                  
                  
                  
                 
                  
                 脚本
                 >
复制 复制

属性

激活

描述

如果真正的,ion-fab-button和所有ion-fab-list内部ion-fab将会变得活跃。这意味着ion-fab-button将成为一个关闭图标和ion-fab-list将成为可见。

属性 激活
类型 布尔
默认的

边缘

描述

如果真正的,则fab将显示在标头的边缘垂直“顶级”,如果是,则在页脚的边缘“底”.应与a固定槽。

属性 边缘
类型 布尔
默认的

水平

描述

在视口中水平对齐晶圆的位置。

属性 水平
类型 “center”|“end”|“start”|未定义

垂直

描述

在视口中垂直对齐fab的位置。

属性 垂直
类型 "bottom" | "center" | "top" |未定义

方法

关闭

描述

关闭活动FAB列表容器。

签名 close() = > <承诺无效>
查看源代码
Baidu