ソースを参照

fix(badge): 修改徽标默认位置

eiinu 3 年 前
コミット
86d5c36a23

+ 1 - 1
src/packages/styles/variables-jdb.scss

@@ -597,7 +597,7 @@ $badge-color: #fff !default;
 $badge-font-size: $font-size-1 !default;
 $badge-font-size: $font-size-1 !default;
 $badge-border-radius: 14px !default;
 $badge-border-radius: 14px !default;
 $badge-padding: 0 5px !default;
 $badge-padding: 0 5px !default;
-$badge-content-transform: translate(100%, -50%) !default;
+$badge-content-transform: translate(50%, -50%) !default;
 $badge-z-index: 1 !default;
 $badge-z-index: 1 !default;
 $badge-dot-width: 7px !default;
 $badge-dot-width: 7px !default;
 $badge-dot-height: 7px !default;
 $badge-dot-height: 7px !default;

+ 1 - 1
src/packages/styles/variables-jddkh.scss

@@ -529,7 +529,7 @@ $badge-color: #fff !default;
 $badge-font-size: $font-size-1 !default;
 $badge-font-size: $font-size-1 !default;
 $badge-border-radius: 8px !default;
 $badge-border-radius: 8px !default;
 $badge-padding: 0 5px !default;
 $badge-padding: 0 5px !default;
-$badge-content-transform: translate(100%, -50%) !default;
+$badge-content-transform: translate(50%, -50%) !default;
 $badge-z-index: 1 !default;
 $badge-z-index: 1 !default;
 $badge-dot-width: 7px !default;
 $badge-dot-width: 7px !default;
 $badge-dot-height: 7px !default;
 $badge-dot-height: 7px !default;

+ 1 - 1
src/packages/styles/variables-jdt.scss

@@ -544,7 +544,7 @@ $badge-color: var(--nut-badge-color, #fff) !default;
 $badge-font-size: var(--nut-badge-font-size, $font-size-1) !default;
 $badge-font-size: var(--nut-badge-font-size, $font-size-1) !default;
 $badge-border-radius: var(--nut-badge-border-radius, 14px) !default;
 $badge-border-radius: var(--nut-badge-border-radius, 14px) !default;
 $badge-padding: var(--nut-badge-padding, 0 5px) !default;
 $badge-padding: var(--nut-badge-padding, 0 5px) !default;
-$badge-content-transform: var(--nut-badge-content-transform, translate(100%, -50%)) !default;
+$badge-content-transform: var(--nut-badge-content-transform, translate(50%, -50%)) !default;
 $badge-z-index: var(--nut-badge-z-index, 1) !default;
 $badge-z-index: var(--nut-badge-z-index, 1) !default;
 $badge-dot-width: var(--nut-badge-dot-width, 7px) !default;
 $badge-dot-width: var(--nut-badge-dot-width, 7px) !default;
 $badge-dot-height: var(--nut-badge-dot-height, 7px) !default;
 $badge-dot-height: var(--nut-badge-dot-height, 7px) !default;

+ 1 - 1
src/packages/styles/variables.scss

@@ -579,7 +579,7 @@ $badge-color: var(--nut-badge-color, #fff) !default;
 $badge-font-size: var(--nut-badge-font-size, $font-size-1) !default;
 $badge-font-size: var(--nut-badge-font-size, $font-size-1) !default;
 $badge-border-radius: var(--nut-badge-border-radius, 14px) !default;
 $badge-border-radius: var(--nut-badge-border-radius, 14px) !default;
 $badge-padding: var(--nut-badge-padding, 0 5px) !default;
 $badge-padding: var(--nut-badge-padding, 0 5px) !default;
-$badge-content-transform: var(--nut-badge-content-transform, translate(100%, -50%)) !default;
+$badge-content-transform: var(--nut-badge-content-transform, translate(50%, -50%)) !default;
 $badge-z-index: var(--nut-badge-z-index, 1) !default;
 $badge-z-index: var(--nut-badge-z-index, 1) !default;
 $badge-dot-width: var(--nut-badge-dot-width, 7px) !default;
 $badge-dot-width: var(--nut-badge-dot-width, 7px) !default;
 $badge-dot-height: var(--nut-badge-dot-height, 7px) !default;
 $badge-dot-height: var(--nut-badge-dot-height, 7px) !default;