📜  语义 UI 提要类型

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

语义 UI 提要类型

Semantic UI是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。它使用一个类将 CSS 添加到元素中。

提要元素用于按顺序记录网站/用户的活动。提要包含由不同用户执行的各种事件。语义 UI 为我们提供了语义 UI 样式的提要。在了解提要类型之前,让我们先看看各种提要类型类。

语义 UI 提要类型类:

  • Feed:这用于创建一个容器,在其中举行各种按时间顺序排列的事件。

句法:

...
...

示例 1:在下面的示例中,我们创建了一个标准提要

HTML


  

    Semantic UI Feed Types
    
    
  
    

  

    
        

GeeksforGeeks

        

Semantic UI Feed Types

        
        
        
            
                
                                     
                
                    
                        5 minutes ago                     
                    
                        A CSS article got published at                                                      GeeksforGeeks                         .                     
                    
                                             
                
            
            
                
                                     
                
                    
                        15 minutes ago                     
                    
                        A React article got published at                                                      GeeksforGeeks                         .                     
                    
                                             
                
            
            
                
                                     
                
                    
                        2 hours ago                     
                    
                        A Database article got published at                                                      GeeksforGeeks                         .                     
                    
                                             
                
            
        
    


HTML


  

    Semantic UI Feed Types
    
  
    
  
    

  

  
    
        

GeeksforGeeks

        

Semantic UI Feed Types

        
        
        
            
                
                                     
                
                    
                        5 minutes ago                     
                    
                        Two web development articles got published at                                                      GeeksforGeeks                         .                     
                    
                                                                                                                                                                            
                    
                                             
                
            
            
                
                                     
                
                    
                        15 minutes ago                     
                    
                        A React article got published at                                                      GeeksforGeeks                         .                     
                    
                                                                                               
                    
                                             
                
            
            
                
                                     
                
                    
                        2 hours ago                     
                    
                        A Database article got published at                                                      GeeksforGeeks                         .                     
                    
                                                                                               
                    
                                             
                
            
        
    


输出:

语义 UI 提要类型

语义 UI 提要类型

示例 2:在下面的示例中,我们创建了一个带有图像内容事件的标准提要

HTML



  

    Semantic UI Feed Types
    
  
    
  
    

  

  
    
        

GeeksforGeeks

        

Semantic UI Feed Types

        
        
        
            
                
                                     
                
                    
                        5 minutes ago                     
                    
                        Two web development articles got published at                                                      GeeksforGeeks                         .                     
                    
                                                                                                                                                                            
                    
                                             
                
            
            
                
                                     
                
                    
                        15 minutes ago                     
                    
                        A React article got published at                                                      GeeksforGeeks                         .                     
                    
                                                                                               
                    
                                             
                
            
            
                
                                     
                
                    
                        2 hours ago                     
                    
                        A Database article got published at                                                      GeeksforGeeks                         .                     
                    
                                                                                               
                    
                                             
                
            
        
    

输出:

语义 UI 提要类型

语义 UI 提要类型

参考资料: https://semantic-ui.com/views/feed.html