📜  物化 CSS |徽章

📅  最后修改于: 2021-08-29 13:06:42             🧑  作者: Mango

Materialize 徽章是用于通知的组件,如果有新的或未读的消息或通知显示。向徽章组件添加一个类为其提供背景。

有多种使用徽章组件的方法:

例子:



    
        
        
  
        
        
  
        
        
        
    
  
    
        

Badges in collections

        
                           1Message                                         4Message                          Message                                         10Message         
        

Badges in dropdowns

                  Dropdown                    
            

Badges in Navbar

                     
        
            

Badges in Collapsible

            
                    
  •                     
                            add                         First                         4                     
                        
                          

    Lorem ipsum dolor sit amet.

                    
  •                 
  •                     
                            arrow_forward                         Second                         1                     
                        
                          

    Lorem ipsum dolor sit amet.

                    
  •             
        
                         

输出: