📜  ionic 工具栏

📅  最后修改于: 2021-01-03 05:02:55             🧑  作者: Mango

ionic 工具栏

工具栏是通用栏,在应用程序中用作标题,子标题,页脚或子页脚。它位于内容上方或下方。您可以在页面中添加多个工具栏, 会相应地对其进行调整。当工具栏放置在内部时,它将被固定在内容的顶部。另一方面,将其放置在内时,它将固定在内容的底部。如果内容为全屏,它将在页眉或页脚中的工具栏后面滚动。如果工具栏位于内,它将随内容滚动。

ionic 工具栏包含以下组件:

ionic 头

它是一个父组件,其中包含工具栏组件。的元素必须是页面的前三个根元素之一。

ionic 页脚

它是页面底部的根组件。的可以是确保内容区域的大小正确。

ionic 标题

它是设置工具栏标题的组件。

ionic 按钮

它是一个容器元素,可以使用名为slot的属性放置在工具栏内。该插槽可以包含开始和结束属性。

ionic 后退按钮

单击后退按钮可用于导航回应用程序的历史记录。知道基于模式呈现什么内容以及何时基于导航堆栈显示内容是明智的。

本示例向您展示了工具栏中页眉和页脚的用法。


  
    Toolbar
    
      
        
         
    
  





  
    Footer
    
      
        
      
    
  

输出:

这个例子向您展示了元件。


  
    ToolbarInContent
  



  
    Default
  

  
    Primary
  

  
    Secondary
  

  
    Success
  

  
    Warning
  

  
    
      Messages (1)
    

    Buttons

    
      Log Out
    
  

输出:

这个例子向您展示了元素与元件。


  
    
  



  
    
      
        ON
      
      
        OFF
      
    
  

输出: