fix(back-top): 将内联样式改为更精确的类样式

XiaoMi · Aug 29, 2022 · e1c0e4e · e1c0e4e
1 parent 2b8f3bd
commit e1c0e4e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/ui/back-top/src/BackTop.tsx b/packages/ui/back-top/src/BackTop.tsx
@@ -91,12 +91,7 @@ export const BackTop = forwardRef<HTMLDivElement | null, BackTopProps>(
       <div ref={ref} role={role} className={cls} onClick={handleClick} {...rest}>
         {children || (
           <div className={contentCls}>
-            <ArrowUpOutlined
-              style={{
-                width: 'var(--hi-v4-height-5, 20px)',
-                height: 'var(--hi-v4-height-5, 20px)',
-              }}
-            />
+            <ArrowUpOutlined />
           </div>
         )}
       </div>

diff --git a/packages/ui/back-top/src/styles/back-top.scss b/packages/ui/back-top/src/styles/back-top.scss
@@ -45,5 +45,10 @@ $prefix: "#{$component-prefix}-back-top" !default;
     }
 
     @include render-status();
+
+    > svg[class^=hi-v4-icon] {
+      width: use-height-size(5);
+      height: use-height-size(5);
+    }
   }
 }