📜  ionic 选项卡

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

ionic 片

ionic 选项卡主要用于移动导航。对于不同的操作系统,Ionic选项卡的样式是不同的。例如,将其放置在android设备的屏幕顶部,而将其放置在iOS设备的底部。我们可以使用标准的组件来访问Ionic标签。该组件用作路由器出口以处理导航。它不提供任何在选项卡之间切换的机制。如果需要在选项卡之间进行切换,请使用作为的直接子元素。

您也可以将用作独立元素。两者都不相互依赖,但可以一起使用以实现行为类似于本机应用程序的基于选项卡的导航。 组件需要将一个插槽投影到组件中的正确位置。

ionic 标签栏

它是一个UI组件,其中包含一组选项卡按钮。必须在选项卡内部提供此选项卡才能与每个选项卡通信。

ionic 标签按钮

它是一个UI组件,位于选项卡栏的内部。它指定图标和标签的布局,并连接到选项卡视图。

简单标签

可以使用组件创建简单的选项卡菜单。以下示例显示了如何在Ionic中创建选项卡。


  
    
      Tabs Example
    
  

   

  
    
      
        Speakers
      
      
      
        Contact
      
      
      
        About
      
    
  

输出量

添加图标

Ionic还提供了一个元素,用于将图标添加到选项卡。我们可以通过以下示例了解它。


    
      
        Tabs Example
      
    
  
     
  
    
      
        
          
          Contact
        
        
        
          
          Map
        
        
        
          
          About
        
      
    
  

输出量

标签徽章

它是一个包含数字或任何其他字符的属性。它可以用作通知,告知存在与元素关联的其他项目,并指示关联了多少项目。


    
      
        Tabs Example
      
    
  
     
  
    
      
        
          
          Contact
          6
        
        
        
          
          Map
        
        
        
          
          Mail
          10
        
      
    
  

输出量