🐛 fix(UI): 调整加载中样式

This commit is contained in:
fhysy 2024-06-26 16:36:46 +08:00
parent 68524aa443
commit 0a51237110
1 changed files with 5 additions and 11 deletions

View File

@ -30,12 +30,6 @@
margin: 0px;
padding: 0px;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
#loader-wrapper {
position: fixed;
@ -56,7 +50,7 @@
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #FFF;
border-top-color: #409eff;
-webkit-animation: spin 2s linear infinite;
-ms-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
@ -74,7 +68,7 @@
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #FFF;
border-top-color: #409eff;
-webkit-animation: spin 3s linear infinite;
-moz-animation: spin 3s linear infinite;
-o-animation: spin 3s linear infinite;
@ -91,7 +85,7 @@
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #FFF;
border-top-color: #409eff;
-moz-animation: spin 1.5s linear infinite;
-o-animation: spin 1.5s linear infinite;
-ms-animation: spin 1.5s linear infinite;
@ -132,7 +126,7 @@
top: 0;
width: 51%;
height: 100%;
background: #7171C6;
background: #fff;
z-index: 1000;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
@ -189,7 +183,7 @@
#loader-wrapper .load_title {
font-family: 'Open Sans';
color: #FFF;
color: #409eff;
font-size: 19px;
width: 100%;
text-align: center;