feat: 优化动画效果

alibaba · Jan 9, 2025 · bc6d1ad · bc6d1ad
1 parent df55cfa
commit bc6d1ad
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/bui-core/src/Select/Select.less b/packages/bui-core/src/Select/Select.less
@@ -64,7 +64,6 @@
     font-size: var(--bui-select-font-size, var(--bui-title-size-3));
     z-index: var(--bui-z-index-tooltip);
     border-radius: 3px;
-    background-color: var(--bui-color-bg-view);
     padding: 2px;
     overflow: hidden;
 
@@ -85,6 +84,7 @@
     border-radius: 3px;
     padding: var(--bui-select-option-container-padding, 3px 0);
     box-shadow: 0 0 0 2px var(--bui-color-bg-default);
+    background-color: var(--bui-color-bg-view);
     overflow: hidden;
   }
 

diff --git a/packages/bui-core/src/Select/Select.tsx b/packages/bui-core/src/Select/Select.tsx
@@ -140,8 +140,8 @@ const Select = React.forwardRef<HTMLDivElement, SelectProps>((props, ref) => {
       <Fade
         in={isOpen}
         timeout={{
-          enter: 150,
-          exit: 150,
+          enter: 167,
+          exit: 167,
         }}
       >
         <div
@@ -162,8 +162,8 @@ const Select = React.forwardRef<HTMLDivElement, SelectProps>((props, ref) => {
             in={isOpen}
             direction={placement === 'bottom' ? 'down' : 'up'}
             timeout={{
-              enter: 150,
-              exit: 150,
+              enter: 167,
+              exit: 167,
             }}
           >
             <div className={clsx(`${prefixCls}-option-main`)}>{children}</div>