Semantic-UI Comment Variations 最小变体

Semantic UI开源框架提供图标或字形，用于显示与某些元素相关的图片，使用 CSS 和 jQuery，用于创建出色的用户界面。它是一个用于创建漂亮和响应式布局的开发框架。

Semantic-UI Comment Minimal Variation显示带有 CSS 和回复按钮的评论列表。最小变体隐藏用户最少需要的额外内容，直到用户需要与评论交互。

Semantic-UI Comment Minimal Variation 类：

• minimum ：将此类添加到评论 div 容器时，额外的信息会从页面中隐藏。

语法：

 ...

示例：在下面的示例中，我们添加了一个按钮来启用或禁用最少的评论。

HTML

  

    
    
    
    
    

  

    GeeksforGeeks
  
    
        Semantic-UI Comment Minimal Variation
    
      
    
        
            Comments
        
        
            
                
                    Manav
                
                
                    
                        Today at 5:42PM
                    
                
                
                    How artistic!
                    
                    The article is so well explained
                
                
                    
                        Reply
                    
                
            
        
        
            
                
                    Raju
                
                
                    
                        Yesterday at 12:30AM
                    
                
                
                    
                        Well researched article!
                    
                
                
                    
                        Reply
                    
                
            
        
    
  
    
        Enable/Disable Minimal
    
      
    
        function minimalComment() {
            $(".comments").toggleClass("minimal");
        }
    

  

输出：

Semantic-UI Comment Variations 最小变体

参考： https://react.semantic-ui.com/views/comment/#variations-minimal