欢迎光临我的博客,我是努力挣钱的小鑫!目前正在杭州努力|

努力挣钱的小鑫

园龄:4年11个月粉丝:36关注:8

【Element】ElLoading 自定义动画

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;
		}
	}
}
posted @   努力挣钱的小鑫  阅读(385)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起