wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改首屏加载动画

Browse Source
This commit is contained in:
YUN-PC5\user 2023-10-09 17:03:47 +08:00
parent 307b209791
commit 23ea5a0dcb
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@ -131,15 +131,28 @@
opacity: 1; opacity: 1;
} }
} }
/* HTML: <div class="loader"></div> */
.loader {
width: 120px;
height: 20px;
background:
linear-gradient(90deg, #0000 ,orange) left -50px top 0/50px 20px no-repeat
lightblue;
animation: l2 1s infinite linear;
}
@keyframes l2 {
100% {background-position: right -50px top 0}
}
</style> </style>
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<div class="first-loading-wrp"> <div class="first-loading-wrp">
<div class="loading-wrp"> <!-- <div class="loading-wrp">
<span class="dot dot-spin"> <i></i> <i></i> <i></i> <i></i> </span> <span class="dot dot-spin"> <i></i> <i></i> <i></i> <i></i> </span>
</div> </div> -->
<div class="loader"></div>
<h5>Loading...</h5> <h5>Loading...</h5>
</div> </div>
</div> </div>