首页 > 其他分享 >【Element】ElLoading 自定义动画

【Element】ElLoading 自定义动画

时间:2023-03-13 10:13:25浏览次数:42  
标签:ElLoading loading center 自定义 transform Element background

import { ElLoading } from "element-plus";
LoadingInstance = ElLoading.service({
	background: "rgba(0, 0, 0, 0.7)",
	customClass: "ElLoading_class",
});
// 主页面自定义加载动画 (按照自己需求修改)
.ElLoading_class .el-loading-spinner {
	height: 140px;
	background: url("@/assets/loading/icon.png") no-repeat;
	background-position: center center;
	background-size: 88px 88px;
	.circular {
		width: 75px !important;
		height: 100% !important;
		animation: loading 2s linear infinite;
		transform-origin: left center;
		position: relative;
		left: 37px;
		@keyframes loading {
			0% {
				transform: rotate(0deg);
			}
			100% {
				transform: rotate(360deg);
			}
		}
		background: url("@/assets/loading/line.png") no-repeat center center;
		.path {
			display: none;
		}
	}
}

标签:ElLoading,loading,center,自定义,transform,Element,background
From: https://www.cnblogs.com/cqkjxxxx/p/17210393.html

相关文章

  • 多线程结合自定义logback日志实现简单的工单日志输出
    前言这周学习了logback自定义日志格式、多线程基础、以及常见的定时器,本篇博客主要是结合以上知识实现一个简单的定时全部工单输出任务,再通过自定义的日志打印输出到......
  • ASP.NET Core - 配置系统之自定义配置提供程序
    4.自定义配置提供程序在.NETCore配置系统中封装一个配置提供程序关键在于提供相应的IconfigurationSource实现和IConfigurationProvider接口实现,这两个接口在上一......
  • 部分字符串函数的自定义实现
    strlen(),strcpy(),strcmp(),strcat(),strstr()等字符串函数是我们经常遇见的字符串函数,这篇文章,就让我们来尝试自定义实现这些函数。一、首先是strlen()函数,strlen()函数是......
  • java线程池使用小技巧:自定义拒绝策略
    java线程池默认提供了几种拒绝策略:这几个策略都实现了RejectedExecutionHandler,拿DiscardOldestPolicy来说,查看源码:核心代码只有2行:e.getQueue().poll()从列表里弹......
  • element-plus的tabs切换位置视图不更新
    1、问题:在element-plus的tabs栏里切换位置,但是数据更新后视图不更新,删除和新增是可以更新的如下例子<scriptsetup>lettabs=reactive(['first','second','third'......
  • UE5 自定义编辑器主题
    UE5新增了Editor->EditorPreference->Appearence->ActiveTheme配置,支持用户自定义颜色主题调到自己看起来舒服就行参考:HowToChangeColorThemei......
  • element-plus导入中文和自带的icon
    在使用element-plus的时候直接导入使用会发现默认是英文,如果需要使用中文则只需要一下操作在main.ts(js)中添加以下代码importElementPlusfrom"element-p......
  • DRF-认证源码分析,自定义认证组件
    1.认证的写法:认证的实现:1.写一个类,继承BaseAuthentication,重写authenticate,认证的逻辑写在里面,认证通过,返回两个值,一个值最终给了Request对象的user,认证失败,抛异常......
  • Android 自定义EditText (限制表情输入&超出长度提示)
    有需要的直接拿去用,有什么问题请评论,第一时间回复/***CreatedbyXinghai.Zhaoon18/05/23.*//**作者:赵星海*时间:18/05/2415:56*用途:用于防止表情输出和最大......
  • Java 自定义提取字符串中的某一段字符
                     自定义String过滤举例:Strings="dsadsada<@#$@#$>啦啦啦123123<&*&*&*>"要去除所有尖括号里的内容得到结果 "dsa......