📜  语义 UI 注释类型

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

语义 UI 注释类型

Semantic UI是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。它使用一个类将 CSS 添加到元素中。评论是显示用户反馈和与其他用户就内容进行交互的绝佳方式。 Semantic UI 为我们提供了语义 UI 风格的注释元素。让我们看看各种评论类型

语义 UI 注释类型:

  • Semantic UI Comments : Semantic UI Comments 创建一个标准的评论列表,可以使用 Semantic UI 提供的各种类对其进行样式设置和修改。

句法:

...

注意:通过使用上述类的组合,根据需要使用上述语法。请参阅下面的示例以更好地理解这些类。

示例 1:在下面的示例中,我们创建了标准语义 UI 注释

HTML


  

    Semantic UI Comment Types
    
  
    
  
    

  

  
    
        

GeeksforGeeks

        

Semantic UI Comment Types

        
        
        
            

Comments

            
                                                             
                Mr. Anonymous                 
                  I am watching you. I know all about you.                 
                
                  Reply                 
              
            
            
                                                                     
                  Praneeth                   
                    Lol. You know nothing about me.                   
                  
                    Reply                   
                
              
          
    
     


HTML


  

    Semantic UI Comment Types
    
  
    
  
    

  

  
    
        

GeeksforGeeks

        

Semantic UI Comment Types

        
        
        
            

Comments

            
                                                             
                Mr. Anonymous                 
                  I am watching you. I know all about you.                 
                
                  Reply                 
              
            
            
                                                                     
                  Praneeth                   
                    Lol. You know nothing about me.                   
                  
                    
                                           
                    
                       Add Reply                     
                  
                
              
          
    
     


输出:

标准评论流程

示例 2:在下面的示例中,我们有带有回复表单的标准语义 UI 评论。

HTML



  

    Semantic UI Comment Types
    
  
    
  
    

  

  
    
        

GeeksforGeeks

        

Semantic UI Comment Types

        
        
        
            

Comments

            
                                                             
                Mr. Anonymous                 
                  I am watching you. I know all about you.                 
                
                  Reply                 
              
            
            
                                                                     
                  Praneeth                   
                    Lol. You know nothing about me.                   
                  
                    
                                           
                    
                       Add Reply                     
                  
                
              
          
    
     

输出:

带有回复表单的标准评论流程

参考: https://semantic-ui.com/views/comment.html