📌  相关文章
📜  幽灵分页

📅  最后修改于: 2022-05-13 01:56:50.822000             🧑  作者: Mango

幽灵分页

Spectre Pagination 用于创建分页，它基本上用于启用网站中页面之间的导航。 Spectre 中使用的分页具有大量连接的链接，这些链接很难错过并且易于扩展。

要创建分页，您需要使用分页类添加容器元素。并使用page-item类添加子元素。具有活动类的页面项将被突出显示。您可以将禁用的类添加到页面项以具有不可点击的页面链接。

Spectre 分页类：

  • pagination：该类用于创建分页。
  • page-item：该类用于设置分页的数字或页项。

注意：活动和禁用类可用于使页面项处于活动和禁用状态。

句法：

以下示例说明了 Spectre 分页：

示例 1：

HTML


  

    SPECTRE Nav Class
    
    
    

  

    

        
GeeksforGeeks

        SPECTRE Pagination Class
          
    

    Numeric Pagination:
    
    
      
  • 
        Previous
      
    • 
      
  • 
        1
      
    • 
      
  • 
        2
      
    • 
      
  • 
        3
      
    • 
      
  • 
        ...
      
    • 
      
  • 
        12
      
    • 
      
  • 
        Next
      
    • 
    

    


    Alphabetic Pagination:
    
    
      
  • 
        Previous
      
    • 
      
  • 
        A
      
    • 
      
  • 
        B
      
    • 
      
  • 
        C
      
    • 
      
  • 
        ...
      
    • 
      
  • 
        Z
      
    • 
      
  • 
        Next
      
    • 
    


  

HTML


  

    SPECTRE Pagination Class
    
    
    

  

    

        
GeeksforGeeks

        SPECTRE Pagination Class
          
    

    

  

输出：

幽灵分页

示例 2：

HTML 



  

    SPECTRE Pagination Class
    
    
    

  

    

        
GeeksforGeeks

        SPECTRE Pagination Class
          
    

    

  

输出：

幽灵分页

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