语义 UI 统计类型

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

语义 UI 有一堆用于用户界面设计的组件。其中之一是“统计”。有不同类型的统计数据。

我们将创建一个 UI 来显示不同类型的统计信息。创建此基本模板后，您可以使用语义 UI 的不同组件。

语义 UI 统计类型类：

• statistic：基于标签上方或下方位置的单个统计值。
• 统计组：这是一组或一组显示相关内容的统计数据。

句法：

  
     

        ....
     
     

        ....
     
     ....

示例 1：此示例演示了使用statistic类的单个统计信息。

HTML

   
      
   
   
      

         
GeeksforGeeks
         
            
Semantic UI statistic
         
         

            

               1
            
            

              Label 1
            
         
         

         

            

               Label 2
            
            

               2
            
         
      
   

输出：

示例 2：此示例演示了使用统计类的组统计信息。

HTML

   
      
   
   
      

         
GeeksforGeeks
         
            
Semantic UI statistics Group
         
         

            

               

                  150
               
               

                  Likes
               
            
            

               

                  3000
               
               

                  Views
               
            
            

               

                  100
               
               

                  Comments
               
            
         
      
   

输出：

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