fix(statistic): token使用错误 (#1645)

chore: 移除没有删使用的定义 feat: @statistic-value-line-height
Tencent · Nov 13, 2023 · 6582900 · 6582900
1 parent d195290
commit 6582900
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 15 deletions.
diff --git a/style/web/components/statistic/_index.less b/style/web/components/statistic/_index.less
@@ -6,27 +6,24 @@
 
 .@{statistic-cls} {
   display: inline-block;
-  line-height: @text-line-height-xl;
+  font-size: @font-size-base;
+  line-height: @text-line-height-base;
   color: @statistic-text-color;
 
   &-title {
     font-size: @statistic-title-font-size;
-    font-weight: @statistic-title-font-weight;
     margin-bottom: @statistic-title-margin-bottom;
   }
 
   &-content {
     display: inline-block;
-    line-height: 36px;
-    font-weight: @statistic-value-font-weight;
     color: @statistic-value-text-color;
-    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
-    font-family: "TCloud Number";
     text-align: left;
     white-space: nowrap;
 
     &-value {
       font-size: @statistic-value-font-size;
+      line-height: @statistic-value-line-height;
     }
 
     &-unit {
@@ -46,6 +43,9 @@
       align-items: center;
       font-size: @statistic-prefix-font-size;
       margin-right: @statistic-prefix-margin-right;
+      .@{prefix}-icon {
+        font-size: @statistic-prefix-font-size;
+      }
     }
   }
 

diff --git a/style/web/components/statistic/_var.less b/style/web/components/statistic/_var.less
@@ -4,19 +4,18 @@
 
 @statistic-text-color: @text-color-secondary;
 
-@statistic-title-font-size: @font-title-medium;
-@statistic-title-font-weight: 400;
-@statistic-title-margin-bottom: @spacer-s;
+@statistic-title-font-size: @font-body-medium;
+@statistic-title-margin-bottom: @comp-margin-s;
 
-@statistic-value-font-size: 28px;
-@statistic-value-font-weight: 500;
+@statistic-value-font-size: var(--td-font-size-headline-medium);
+@statistic-value-line-height: var(--td-line-height-headline-medium);
 @statistic-value-text-color: @text-color-primary;
 
-@statistic-unit-font-size: 14px;
-@statistic-unit-margin-left: @spacer-s;
+@statistic-unit-font-size: @font-body-medium;
+@statistic-unit-margin-left: @comp-margin-xs;
 
-@statistic-prefix-font-size: 22px;
-@statistic-prefix-margin-right: @spacer-s;
+@statistic-prefix-font-size: @font-size-xl;
+@statistic-prefix-margin-right: @comp-margin-s;
 
 @statistic-suffix-font-size: 22px;
 @statistic-suffix-margin-left: @spacer-s;