| | |
|---|
| | | <!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="/ZQHXico.ico">
|
|---|
| | | <title>中强恒兴管理系统</title>
|
|---|
| | | <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
|
|---|
| | | <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="/ZQHXico.ico" />
|
|---|
| | | <title>测试进销存管理系统</title>
|
|---|
| | | <!--[if lt IE 11
|
|---|
| | | ]><script>
|
|---|
| | | window.location.href = "/html/ie.html";
|
|---|
| | | </script><!
|
|---|
| | | [endif]-->
|
|---|
| | | <style>
|
|---|
| | | html,
|
|---|
| | | body,
|
|---|
| | |
|---|
| | | margin: -75px 0 0 -75px;
|
|---|
| | | border-radius: 50%;
|
|---|
| | | border: 3px solid transparent;
|
|---|
| | | border-top-color: #FFF;
|
|---|
| | | border-top-color: #fff;
|
|---|
| | | -webkit-animation: spin 2s linear infinite;
|
|---|
| | | -ms-animation: spin 2s linear infinite;
|
|---|
| | | -moz-animation: spin 2s linear infinite;
|
|---|
| | |
|---|
| | | bottom: 5px;
|
|---|
| | | border-radius: 50%;
|
|---|
| | | border: 3px solid transparent;
|
|---|
| | | border-top-color: #FFF;
|
|---|
| | | border-top-color: #fff;
|
|---|
| | | -webkit-animation: spin 3s linear infinite;
|
|---|
| | | -moz-animation: spin 3s linear infinite;
|
|---|
| | | -o-animation: spin 3s linear infinite;
|
|---|
| | |
|---|
| | | bottom: 15px;
|
|---|
| | | border-radius: 50%;
|
|---|
| | | border: 3px solid transparent;
|
|---|
| | | border-top-color: #FFF;
|
|---|
| | | 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% {
|
|---|
| | |
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | #loader-wrapper .loader-section {
|
|---|
| | | position: fixed;
|
|---|
| | | top: 0;
|
|---|
| | | width: 51%;
|
|---|
| | | height: 100%;
|
|---|
| | | background: #7171C6;
|
|---|
| | | background: #7171c6;
|
|---|
| | | z-index: 1000;
|
|---|
| | | -webkit-transform: translateX(0);
|
|---|
| | | -ms-transform: translateX(0);
|
|---|
| | |
|---|
| | | 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);
|
|---|
| | | -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|---|
| | | transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .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);
|
|---|
| | | -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|---|
| | | transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .loaded #loader {
|
|---|
| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | #loader-wrapper .load_title {
|
|---|
| | | font-family: 'Open Sans';
|
|---|
| | | color: #FFF;
|
|---|
| | | font-family: "Open Sans";
|
|---|
| | | color: #fff;
|
|---|
| | | font-size: 19px;
|
|---|
| | | width: 100%;
|
|---|
| | | text-align: center;
|
|---|
| | |
|---|
| | | font-weight: normal;
|
|---|
| | | font-style: italic;
|
|---|
| | | font-size: 13px;
|
|---|
| | | color: #FFF;
|
|---|
| | | color: #fff;
|
|---|
| | | opacity: 0.5;
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
| | |
|---|
| | | </div>
|
|---|
| | | <script type="module" src="/src/main.js"></script>
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | </html> |
|---|
