浏览代码

chore:backup

DaiQiangReal 3 年之前
父节点
当前提交
67e12cb62f
共有 2 个文件被更改,包括 10 次插入5 次删除
  1. 6 2
      packages/semi-foundation/tooltip/animation.scss
  2. 4 3
      packages/semi-foundation/tooltip/tooltip.scss

+ 6 - 2
packages/semi-foundation/tooltip/animation.scss

@@ -1,3 +1,7 @@
-$animation_duration-tooltip-zoomIn: var(--semi-transition_duration-faster);//标签输入框-背景色-动画持续时间
-$animation_duration-tooltip-zoomOut: var(--semi-transition_duration-faster);//标签输入框-背景色-动画持续时间
+$animation_duration-tooltip-zoomIn: 0.1s;//tooltip-弹出动画-动画持续时间
+$animation_duration-tooltip-zoomOut: 0.1s;//tooltip-收起动画-动画持续时间
+
+
+$animation_function-tooltip-zoomIn: cubic-bezier(0.215, 0.61, 0.355, 1);//tooltip-弹出动画-动画插值函数
+$animation_function-tooltip-zoomOut: cubic-bezier(0.215, 0.61, 0.355, 1);//tooltip-收起动画-动画插值函数
 

+ 4 - 3
packages/semi-foundation/tooltip/tooltip.scss

@@ -1,4 +1,5 @@
 //@import '../theme/variables.scss';
+@import "./animation.scss";
 @import './variables.scss';
 
 $module: #{$prefix}-tooltip;
@@ -89,13 +90,13 @@ $module-icon: #{$module}-icon-arrow;
     }
 
     &-animation-show{
-        animation: #{$module}-zoomIn 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
+        animation: #{$module}-zoomIn $animation_duration-tooltip-zoomIn $animation_function-tooltip-zoomIn;
     }
+
     &-animation-hide{
-        animation: #{$module}-zoomOut 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
+        animation: #{$module}-zoomOut $animation_duration-tooltip-zoomOut $animation_function-tooltip-zoomOut;
     }
 
-
 }
 
 @import './arrow.scss';