首页 > 其他分享 >el-tooltip调整动画时间

el-tooltip调整动画时间

时间:2023-02-15 10:56:41浏览次数:35  
标签:el linear 动画 tooltip fade active

element-ui没有相关配置的属性,网上也没有相关的文档,毕竟谁会这么无聊记录这种文档

深切扒入el-tooltip组件源码

 

 从代码就看的出来,动画效果用上了transition组件,所以添加样式就能设置动画时间了,el-tooltip默认name是el-fade-in-linear,所以样式代码如下:

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    transition: all 1s;
}

 

标签:el,linear,动画,tooltip,fade,active
From: https://www.cnblogs.com/murenziwei/p/17121976.html

相关文章

  • Hello World
    HelloWorld1.新建一个文件夹,存放代码2.新建一个java文件注:最好打开文件扩展名3.用VSCode打开java文件并输入代码,不推荐使用Notepad++4.打开在该目录下的cmd窗口......
  • openwrt helloworld
    include$(TOPDIR)/rules.mkPKG_NAME:=helloworldPKG_VERSION:=1.0PKG_BUILD_DIR:=$(BUILD_DIR)/$(PKG_NAME)include$(INCLUDE_DIR)/package.mkdefinePacka......
  • Tag Helper
    超连接<aasp-action="Detail"asp-controller="Movie"asp-route-id="@Model.Id">明细</a>参数说明:asp-action:方法名asp-controller:控件器名asp-route-:路由的参数......
  • K8s:通过 Helmify 实现将 YAML 文件 转化为 Helm Charts
    写在前面分享一个Yaml资源文件转HelmCharts包的小工具helmify博文内容涉及:helmify工具安装,简单使用YAML静态文件转化为HELMcharts包从kustomize输出转......
  • 根据element menu侧边栏展开收起实现echart自适应
    原本是根据window.resize想实现自适应,发现侧边栏展开与收起时,窗口大小并没有改变,因此不会触发该函数,于是换成监听侧边栏展开收起的状态,来实现echart图表宽度自适应。 ......
  • 界面组件Telerik ThemeBuilder R1 2023开创应用主题研发新方式!
    TelerikDevCraft包含一个完整的产品栈来构建您下一个Web、移动和桌面应用程序。它使用HTML和每个.NET平台的UI库,加快开发速度。TelerikDevCraft提供最完整的工具箱,用于构......
  • delphi 弹出选择目录对话框(选择文件夹)
    弹出选择目录对话框(选择文件夹)代码弹出Windows目录浏览器对话框usesVcl.FileCtrl;procedureTForm1.Button1Click(Sender:TObject);varvPath:string;begin......
  • elasticsearch之日期类型有点怪
    一、Date类型简介elasticsearch通过JSON格式来承载数据的,而JSON中是没有Date对应的数据类型的,但是elasticsearch可以通过以下三种方式处理JSON承载的Date数据符合特定格......
  • Vue+Electron开发跨平台桌面应用实践
    背景公司去年对 CDN 资源服务器进行了迁移,由原来的通过 FTP 方式的文件存储改为了使用 S3 协议上传的对象存储,部门内@柴俊堃同学开发了一个命令行脚本工具 Rapi......
  • 【工具使用】IDEA Spring源码报Unable to find method ‘org.gradle.api.artifacts.re
    1 前言IDEA拉Spring源码,源码是Gradle管理依赖的,但是报错Unabletofindmethod'org.gradle.api.artifacts.result.ComponentSelectionReas我的IDEA有2019、2021的2 ......