184 lines
6.8 KiB
HTML
184 lines
6.8 KiB
HTML
<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name=renderer content=webkit><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=/favicon.ico><title>调解系统</title><!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]--><style>html,
|
|
body,
|
|
#app {
|
|
height: 100%;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
.chromeframe {
|
|
margin: 0.2em 0;
|
|
background: #ccc;
|
|
color: #000;
|
|
padding: 0.2em 0;
|
|
}
|
|
|
|
#loader-wrapper {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 999999;
|
|
}
|
|
|
|
#loader {
|
|
display: block;
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: 150px;
|
|
height: 150px;
|
|
margin: -75px 0 0 -75px;
|
|
border-radius: 50%;
|
|
border: 3px solid transparent;
|
|
border-top-color: #FFF;
|
|
-webkit-animation: spin 2s linear infinite;
|
|
-ms-animation: spin 2s linear infinite;
|
|
-moz-animation: spin 2s linear infinite;
|
|
-o-animation: spin 2s linear infinite;
|
|
animation: spin 2s linear infinite;
|
|
z-index: 1001;
|
|
}
|
|
|
|
#loader:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
right: 5px;
|
|
bottom: 5px;
|
|
border-radius: 50%;
|
|
border: 3px solid transparent;
|
|
border-top-color: #FFF;
|
|
-webkit-animation: spin 3s linear infinite;
|
|
-moz-animation: spin 3s linear infinite;
|
|
-o-animation: spin 3s linear infinite;
|
|
-ms-animation: spin 3s linear infinite;
|
|
animation: spin 3s linear infinite;
|
|
}
|
|
|
|
#loader:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 15px;
|
|
right: 15px;
|
|
bottom: 15px;
|
|
border-radius: 50%;
|
|
border: 3px solid transparent;
|
|
border-top-color: #FFF;
|
|
-moz-animation: spin 1.5s linear infinite;
|
|
-o-animation: spin 1.5s linear infinite;
|
|
-ms-animation: spin 1.5s linear infinite;
|
|
-webkit-animation: spin 1.5s linear infinite;
|
|
animation: spin 1.5s linear infinite;
|
|
}
|
|
|
|
|
|
@-webkit-keyframes spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
|
|
#loader-wrapper .loader-section {
|
|
position: fixed;
|
|
top: 0;
|
|
width: 51%;
|
|
height: 100%;
|
|
background: #7171C6;
|
|
z-index: 1000;
|
|
-webkit-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
|
|
#loader-wrapper .loader-section.section-left {
|
|
left: 0;
|
|
}
|
|
|
|
#loader-wrapper .loader-section.section-right {
|
|
right: 0;
|
|
}
|
|
|
|
|
|
.loaded #loader-wrapper .loader-section.section-left {
|
|
-webkit-transform: translateX(-100%);
|
|
-ms-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
|
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
|
}
|
|
|
|
.loaded #loader-wrapper .loader-section.section-right {
|
|
-webkit-transform: translateX(100%);
|
|
-ms-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
|
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
|
}
|
|
|
|
.loaded #loader {
|
|
opacity: 0;
|
|
-webkit-transition: all 0.3s ease-out;
|
|
transition: all 0.3s ease-out;
|
|
}
|
|
|
|
.loaded #loader-wrapper {
|
|
visibility: hidden;
|
|
-webkit-transform: translateY(-100%);
|
|
-ms-transform: translateY(-100%);
|
|
transform: translateY(-100%);
|
|
-webkit-transition: all 0.3s 1s ease-out;
|
|
transition: all 0.3s 1s ease-out;
|
|
}
|
|
|
|
.no-js #loader-wrapper {
|
|
display: none;
|
|
}
|
|
|
|
.no-js h1 {
|
|
color: #222222;
|
|
}
|
|
|
|
#loader-wrapper .load_title {
|
|
font-family: 'Open Sans';
|
|
color: #FFF;
|
|
font-size: 19px;
|
|
width: 100%;
|
|
text-align: center;
|
|
z-index: 9999999999999;
|
|
position: absolute;
|
|
top: 60%;
|
|
opacity: 1;
|
|
line-height: 30px;
|
|
}
|
|
|
|
#loader-wrapper .load_title span {
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
font-size: 13px;
|
|
color: #FFF;
|
|
opacity: 0.5;
|
|
}</style><link href=/static/css/chunk-libs.a5063752.css rel=stylesheet><link href=/static/css/app.5327215e.css rel=stylesheet></head><body><div id=app><div id=loader-wrapper><div id=loader></div><div class="loader-section section-left"></div><div class="loader-section section-right"></div><div class=load_title>正在加载系统资源，请耐心等待</div></div></div><script>(function(e){function r(r){for(var n,l,i=r[0],a=r[1],f=r[2],c=0,s=[];c<i.length;c++)l=i[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);p&&p(r);while(s.length)s.shift()();return u.push.apply(u,f||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++){var a=t[i];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={runtime:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e["default"]}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var i=window["webpackJsonp"]=window["webpackJsonp"]||[],a=i.push.bind(i);i.push=r,i=i.slice();for(var f=0;f<i.length;f++)r(i[f]);var p=a;t()})([]);</script><script src=/static/js/chunk-elementUI.2fcb3a2e.js></script><script src=/static/js/chunk-libs.221e2ec9.js></script><script src=/static/js/app.9a680039.js></script></body></html> |