123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233 |
- <!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">
- <meta name="keywords" content="L-charging">
- <meta name="description" content="Lcharger -- 奥升云平台">
- <link rel="icon" href="<%= BASE_URL %>favicon.png">
- <title>
- <%= VUE_APP_TITLE %>
- </title>
- <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: #00d591;
- -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: #00ba9e;
- -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: #00bab6;
- -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;
- }
- #loader-wrapper .loader-section {
- position: fixed;
- top: 0;
- width: 51%;
- height: 100%;
- background: #EDF3F3;
- 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;
- }
- @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 {
- display: block;
- position: relative;
- left: 50%;
- top: 50%;
- width: 56px;
- height: 56px;
- margin: -28px 0 0 -28px;
- z-index: 1001;
- svg {
- animation: spin 1.5s linear infinite;
- }
- }
- </style>
- </head>
- <body>
- <div id="app">
- <div id="loader-wrapper">
- <div class="loader">
- <svg width="56px" height="56px" viewBox="0 0 56 56" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <defs>
- <pattern id="pattern-nw10j48-17-1" width="100%" height="100%" patternUnits="objectBoundingBox">
- <use xlink:href="#image-nw10j48-17-2"></use>
- </pattern>
- <image id="image-nw10j48-17-2" width="56" height="56" xlink:href="data:image/png;base64,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"></image>
- </defs>
- <g id="Tino-天诺" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
- <g id="画板备份-44" transform="translate(-44.000000, -44.000000)" fill="url(#pattern-nw10j48-17-1)" fill-rule="nonzero">
- <path d="M72,44 C87.463973,44 100,56.536027 100,72 C100,74.5915736 99.6479172,77.1009138 98.988975,79.4827971 L94.3745213,72.2346945 L87.3593984,75.0018595 C87.5481704,74.0303395 87.6470588,73.0267181 87.6470588,72 C87.6470588,63.358368 80.641632,56.3529412 72,56.3529412 C63.358368,56.3529412 56.3529412,63.358368 56.3529412,72 C56.3529412,80.641632 63.358368,87.6470588 72,87.6470588 C77.2617602,87.6470588 81.9169122,85.0498601 84.7534152,81.0675034 L92.1237018,78.1615934 L96.6558586,85.2812616 C91.9250589,94.0452474 82.657933,100 72,100 C56.536027,100 44,87.463973 44,72 C44,56.536027 56.536027,44 72,44 Z" id="形状结合" transform="translate(72.000000, 72.000000) rotate(-32.000000) translate(-72.000000, -72.000000) "></path>
- </g>
- </g>
- </svg>
- </div>
- <div class="loader-section section-left"></div>
- <div class="loader-section section-right"></div>
- </div>
- </div>
- </body>
- </html>
|