幽灵标签

Spectre Tabs用于创建用于在页面上显示内容的选项卡。它是一种路由到不同的组件而不重定向到不同的页面。选项卡允许在不同视图之间快速切换。标签是 Spectre 中的关键组件，您可以在标签上使用图标、标记任何东西。

要创建选项卡，您需要使用选项卡类添加容器元素。并使用tab-item类添加子元素。您可以为全宽选项卡添加选项卡块类。带有活动类的选项卡项或其子 将被突出显示。

幽灵标签类：

• tab：这个类用来创建一个tab组件。
• tab-item：该类用于设置选项卡的项目。
• tab-block：此类用于使选项卡成为全角选项卡。

句法：

    

            ...
    
    ...

以下示例说明了Spectre 选项卡：

例子：

HTML

  

    
    
    

  

    
        
GeeksforGeeks
        SPECTRE Tabs Class
        


    
    Normal Tabs:
    

      

        HTML
      
      

        CSS
      
      

        JS
      
      

        Spectre
      
    
    


    Badge & Action Tabs:
    

      

        
          Notification
        
      
      

        
          Music
        
        
      
    

  

输出：

幽灵标签

参考： https://picturepan2.github.io/spectre/components/tabs.html