fix(NoticeBar): fix abnormal scrolling (#3346)

Tencent · Dec 11, 2024 · 0264a1d · 0264a1d
1 parent f89f048
commit 0264a1d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/notice-bar/notice-bar.less b/src/notice-bar/notice-bar.less
@@ -60,6 +60,7 @@
 
   &__prefix-icon:not(:empty) {
     padding-right: @spacer;
+    width: @notice-bar-icon-font-size;
   }
 
   &__suffix-icon {
@@ -69,6 +70,10 @@
   &__prefix-icon,
   &__suffix-icon {
     font-size: @notice-bar-icon-font-size;
+
+    &:empty {
+      display: none;
+    }
   }
 
   &__operation {
@@ -84,6 +89,7 @@
 
   &__suffix-icon:not(:empty) {
     padding-left: @spacer;
+    width: @notice-bar-icon-font-size;
   }
 
   // theme

diff --git a/src/notice-bar/notice-bar.ts b/src/notice-bar/notice-bar.ts
@@ -105,7 +105,7 @@ export default class NoticeBar extends SuperComponent {
           .then(([nodeRect, wrapRect]) => {
             const { marquee } = this.properties;
 
-            if (nodeRect == null || wrapRect == null || !nodeRect.width || !wrapRect.width) {
+            if (nodeRect == null || wrapRect == null || !nodeRect.width || !wrapRect.width || marquee === false) {
               return;
             }