fix(badge): 解决中文偏上问题 (#3111)

* fix(badge): 解决中文偏上问题

* fix: css 变量更新

* fix: 增补变量

---------

Co-authored-by: oasis <suanbanren@foxmail.com>

Author: irisSong

src/packages/badge/badge.scss

@@ -1,6 +1,8 @@
 .nut-badge {
   position: relative;
   display: inline-flex;
+  vertical-align: middle;
+  box-sizing: content-box;
   width: auto;
 
   &-icon {
@@ -37,8 +39,7 @@
 
   &-sup {
     display: inline-flex;
-    justify-content: center;
-    height: $badge-height;
+    text-align: center;
     min-width: $badge-min-width;
     padding: $badge-padding;
     box-sizing: border-box;
@@ -54,12 +55,6 @@
 
   &-number {
     font-family: 'JD';
-    /* #ifdef harmony */
-    line-height: 12px;
-    /* #endif */
-    /* #ifndef harmony */
-    line-height: 13px;
-    /* #endif */
   }
 
   &-one {

src/styles/theme-dark.scss

@@ -215,6 +215,8 @@ page {
   --nutui-font-size-26: 26px;
 
   // 字号语义化
+  // 徽标文字
+  --nutui-font-size-xxxs: var(--nutui-font-size-9);
   // 标签内文字
   --nutui-font-size-xxs: var(--nutui-font-size-10);
   // 导购或信息密集的次要内容、辅助信息

src/styles/theme-default.scss

@@ -214,6 +214,8 @@ page {
   --nutui-font-size-26: 26px;
 
   // 字号语义化
+  // 徽标文字
+  --nutui-font-size-xxxs: var(--nutui-font-size-9);
   // 标签内文字
   --nutui-font-size-xxs: var(--nutui-font-size-10);
   // 导购或信息密集的次要内容、辅助信息

src/styles/variables-jmapp.scss

@@ -174,6 +174,7 @@ $font-family:
   sans-serif !default;
 
 // Font
+$font-size-xxxs: var(--nutui-font-size-xxxs, 9px) !default;
 $font-size-xxs: $font-text-mini !default;
 $font-size-xs: $font-text-xs !default;
 $font-size-s: $font-text-small !default;

src/styles/variables-jrkf.scss

@@ -190,6 +190,7 @@ $font-family:
   sans-serif !default;
 
 // Font
+$font-size-xxxs: var(--nutui-font-size-xxxs, 9px) !default;
 $font-size-xxs: $font-text-mini !default;
 $font-size-xs: $font-text-xs !default;
 $font-size-s: $font-text-small !default;

src/styles/variables.scss

@@ -147,6 +147,7 @@ $font-family:
   sans-serif !default;
 
 // Font
+$font-size-xxxs: var(--nutui-font-size-xxxs, 9px) !default;
 $font-size-xxs: var(--nutui-font-size-xxs, 10px) !default;
 $font-size-xs: var(--nutui-font-size-xs, 11px) !default;
 $font-size-s: var(--nutui-font-size-s, 12px) !default;
@@ -1616,7 +1617,7 @@ $badge-background-color: var(
   $color-primary
 ) !default;
 $badge-color: var(--nutui-badge-color, $color-primary-text) !default;
-$badge-font-size: var(--nutui-badge-font-size, $font-size-xxs) !default;
+$badge-font-size: var(--nutui-badge-font-size, $font-size-xxxs) !default;
 $badge-border: var(
   --nutui-badge-border,
   1px solid $color-primary-text