幽灵空状态

当您有上传布局时， Spectre Empty 状态作为占位符很重要。空状态/空白板常用作首次使用、空数据和错误屏幕的占位符。

您可以在空状态组件中包含很多东西，例如图标、消息、按钮、任何组件的组合。

Spectre Empty 状态类：

empty：这个类用于创建一个空的主题，它将是灰色的。
empty-icon：该类用于创建空图标主题。
empty-title：该类用于创建空标题主题。在这里，您必须使用 h1 到 h6 类来设置字体大小。
空字幕：该类用于创建空字幕主题。
empty-action：这个类用来创建一个empty-action主题，你可以在其中添加按钮。

句法：


  
    
  
  ....
  ...

下面的示例说明了Spectre Empty 状态：

示例 1：

HTML



  

    
    
    

  

    
        GeeksforGeeks
        SPECTRE Empty states Class
        

        
          
            
          
          
              You have no new messages
          
  
          
              Click the button to start a conversation.

HTML



  

    SPECTRE Buttons Class
    
    
    

  

    
        GeeksforGeeks
        SPECTRE Empty states Class
        

        
          
            
          
          
              You don't have any Friends
          
  
          
              Start to meet new friends

输出：

幽灵空状态

示例 2：

HTML



  

    SPECTRE Buttons Class
    
    
    

  

    
        GeeksforGeeks
        SPECTRE Empty states Class
        

        
          
            
          
          
              You don't have any Friends
          
  
          
              Start to meet new friends

输出：

幽灵空状态

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