sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: be09922e1e8d4f343e766c6a07e29bec11d3f62d
Former-commit-id: ca7911cd08d25808ad212021e1126d9915a14035
Former-commit-id: d55e7afcf604c097d2132afb4b2f50a680f945c1
This commit is contained in:
liyang
2018-06-09 22:21:03 +08:00
parent a7f24e5f0c
commit 6740663337
1 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
index.html
View File

@@ -39,52 +39,52 @@
color: #FFF; color: #FFF;
font-size: 10px; font-size: 10px;
} }
.sk-cube-grid { .d2-app-loading-grid {
width: 30px; width: 30px;
height: 30px; height: 30px;
} }
.sk-cube-grid .sk-cube { .d2-app-loading-grid .d2-app-loading {
width: 10px; width: 10px;
height: 10px; height: 10px;
background-color: #FFF; background-color: #FFF;
float: left; float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; -webkit-animation: d2-app-loading-grid-scale-delay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: d2-app-loading-grid-scale-delay 1.3s infinite ease-in-out;
} }
.sk-cube-grid .sk-cube1 { .d2-app-loading-grid .d2-app-loading1 {
border-top-left-radius: 4px; border-top-left-radius: 4px;
-webkit-animation-delay: 0.2s; -webkit-animation-delay: 0.2s;
animation-delay: 0.2s; } animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 { .d2-app-loading-grid .d2-app-loading2 {
-webkit-animation-delay: 0.3s; -webkit-animation-delay: 0.3s;
animation-delay: 0.3s; } animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 { .d2-app-loading-grid .d2-app-loading3 {
border-top-right-radius: 4px; border-top-right-radius: 4px;
-webkit-animation-delay: 0.4s; -webkit-animation-delay: 0.4s;
animation-delay: 0.4s; } animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 { .d2-app-loading-grid .d2-app-loading4 {
-webkit-animation-delay: 0.1s; -webkit-animation-delay: 0.1s;
animation-delay: 0.1s; } animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 { .d2-app-loading-grid .d2-app-loading5 {
-webkit-animation-delay: 0.2s; -webkit-animation-delay: 0.2s;
animation-delay: 0.2s; } animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 { .d2-app-loading-grid .d2-app-loading6 {
-webkit-animation-delay: 0.3s; -webkit-animation-delay: 0.3s;
animation-delay: 0.3s; } animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 { .d2-app-loading-grid .d2-app-loading7 {
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-webkit-animation-delay: 0s; -webkit-animation-delay: 0s;
animation-delay: 0s; } animation-delay: 0s; }
.sk-cube-grid .sk-cube8 { .d2-app-loading-grid .d2-app-loading8 {
-webkit-animation-delay: 0.1s; -webkit-animation-delay: 0.1s;
animation-delay: 0.1s; } animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 { .d2-app-loading-grid .d2-app-loading9 {
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
-webkit-animation-delay: 0.2s; -webkit-animation-delay: 0.2s;
animation-delay: 0.2s; } animation-delay: 0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay { @-webkit-keyframes d2-app-loading-grid-scale-delay {
0%, 70%, 100% { 0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1); -webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1);
@@ -94,7 +94,7 @@
} }
} }
@keyframes sk-cubeGridScaleDelay { @keyframes d2-app-loading-grid-scale-delay {
0%, 70%, 100% { 0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1); -webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1);
@@ -108,16 +108,16 @@
<body> <body>
<div id="app"> <div id="app">
<div class="d2-app-loading-group"> <div class="d2-app-loading-group">
<div class="sk-cube-grid"> <div class="d2-app-loading-grid">
<div class="sk-cube sk-cube1"></div> <div class="d2-app-loading d2-app-loading1"></div>
<div class="sk-cube sk-cube2"></div> <div class="d2-app-loading d2-app-loading2"></div>
<div class="sk-cube sk-cube3"></div> <div class="d2-app-loading d2-app-loading3"></div>
<div class="sk-cube sk-cube4"></div> <div class="d2-app-loading d2-app-loading4"></div>
<div class="sk-cube sk-cube5"></div> <div class="d2-app-loading d2-app-loading5"></div>
<div class="sk-cube sk-cube6"></div> <div class="d2-app-loading d2-app-loading6"></div>
<div class="sk-cube sk-cube7"></div> <div class="d2-app-loading d2-app-loading7"></div>
<div class="sk-cube sk-cube8"></div> <div class="d2-app-loading d2-app-loading8"></div>
<div class="sk-cube sk-cube9"></div> <div class="d2-app-loading d2-app-loading9"></div>
</div> </div>
<div class="d2-app-loading-title">加载中</div> <div class="d2-app-loading-title">加载中</div>
<div class="d2-app-loading-sub-title">初次加载会比较慢，请耐心等待</div> <div class="d2-app-loading-sub-title">初次加载会比较慢，请耐心等待</div>