【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;
		}
	}
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章