Semantic-UI Statistics Variations Inverted Variant

Semantic UI 是一个开源框架，它提供了多种组件来让你的 UI 更有意义。其中之一是“统计”。

语义 UI 有一个统计组件来放大您网站的特定数据。统计值可以根据需要以不同的颜色显示。用户还可以在深色背景中显示统计信息。让我们看看统计数据的这种变化。

如果要在黑色背景上显示统计信息，用户可以使用倒排统计信息。显示相关内容的单个或一组统计数据可以在深色背景中显示。我们将创建一个 UI 来显示统计数据的倒置变化。

Semantic-UI Statistics Inverted Variation 类：

• 倒置：此类用于使统计信息倒置（颜色方面）。

句法：

    

     .....
    

示例 1：此示例通过使用倒排类演示了统计倒排变化。

HTML

  

   

  

   

      
GeeksforGeeks
      
        Semantic-UI Statistics Variations Inverted Variant
      
      

         

            

               1
            
            

               Label 1
            
         
         

            

               2
            
            

               Label 2
            
         
         

            

               3
            
            

               Label 3
            
         
      
   

  

输出：您可以在第一行中看到深色背景中的所有统计信息。统计数据的所有值都在深色背景中，因为统计数据被标记为倒置类。通过代码可以很容易地解释，通过添加倒排类可以看到带有白色的深色背景统计信息，如图所示。

Semantic-UI Statistics Variations Inverted Variant

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