jinql
/
cronsun
mirror of https://github.com/shunfei/cronsun
1
0
Fork 0
Code Issues Releases Wiki Activity

build js, again

pull/45/head
Doflatango 2017-08-17 14:57:05 +08:00
parent 78d9e4e5e1
commit 809a025a7b
3 changed files with 49 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/ui/dist/build.js vendored
View File

File diff suppressed because one or more lines are too long

2
web/ui/dist/build.js.map vendored
View File

File diff suppressed because one or more lines are too long

62
web/ui/dist/index.html vendored
View File

@ -1,17 +1,25 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="utf-8"> <head>
<title>Cronsun Managerment</title> <meta charset="utf-8">
<style> <title>Cronsun Managerment</title>
<style>
.initial.error { .initial.error {
margin: 170px 80px; margin: 170px 80px;
color: red; color: red;
font-size: 2em; font-size: 2em;
line-height: 2em; line-height: 2em;
} }
.loader, .loader:after {border-radius: 50%; width: 10em; height: 10em;}
.loader { #initloader,
#initloader:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
#initloader {
margin: 180px auto; margin: 180px auto;
font-size: 10px; font-size: 10px;
position: relative; position: relative;
@ -24,20 +32,36 @@
-webkit-animation: load8 1.1s infinite linear; -webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear;
} }
@-webkit-keyframes load8 { @-webkit-keyframes load8 {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 0% {
100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} -webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} }
@keyframes load8 { @keyframes load8 {
0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 0% {
100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} -webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} }
</style> </style>
</head> </head>
<body>
<div id="app"> <body>
<div class="loader"></div> <div id="app">
</div> <div id="initloader"></div>
<script src="build.js"></script> </div>
</body> <script src="build.js"></script>
</html> </body>
</html>