lzx
/
yaodu-api
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 Commits
1 Branch
184 MiB
Tree: 4006a49d5f
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '4006a49d5f'
${ noResults }
yaodu-api/admin-hanhai-vue/public/index.html

259 lines
7.1 KiB
Raw Normal View History

初始化项目代码
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 
  1. <!DOCTYPE html>
  2. <html lang="zh-cmn-Hans">
  3. 

  4. <head>
  5.   <meta charset="utf-8">
  6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.   <meta name="viewport" content="width=device-width,initial-scale=1.0">
  8.   <title>瑶都万能墙后台管理系统</title>
  9.   <link rel="icon" href="<%= BASE_URL %>logo.png">
  10.   <script src="<%= BASE_URL %>cdn/babel-polyfill/polyfill_7_2_5.js"></script>
  11.   <style>
  12.     html,
  13.     body,
  14.     #app {
  15.       height: 100%;
  16.       margin: 0px;
  17.       padding: 0px;
  18.     }
  19.     .chromeframe {
  20.       margin: 0.2em 0;
  21.       background: #ccc;
  22.       color: #000;
  23.       padding: 0.2em 0;
  24.     }
  25.     #loader-wrapper {
  26.       position: fixed;
  27.       top: 0;
  28.       left: 0;
  29.       width: 100%;
  30.       height: 100%;
  31.       z-index: 999999;
  32.     }
  33.     #loader {
  34.       display: block;
  35.       position: relative;
  36.       left: 50%;
  37.       top: 50%;
  38.       width: 120px;
  39.       height: 120px;
  40.       margin: -75px 0 0 -75px;
  41.       border-radius: 50%;
  42.       border: 3px solid transparent;
  43.       /* COLOR 1 */
  44.       border-top-color: #FFF;
  45.       -webkit-animation: spin 2s linear infinite;
  46.       /* Chrome, Opera 15+, Safari 5+ */
  47.       -ms-animation: spin 2s linear infinite;
  48.       /* Chrome, Opera 15+, Safari 5+ */
  49.       -moz-animation: spin 2s linear infinite;
  50.       /* Chrome, Opera 15+, Safari 5+ */
  51.       -o-animation: spin 2s linear infinite;
  52.       /* Chrome, Opera 15+, Safari 5+ */
  53.       animation: spin 2s linear infinite;
  54.       /* Chrome, Firefox 16+, IE 10+, Opera */
  55.       z-index: 1001;
  56.     }
  57.     #loader:before {
  58.       content: "";
  59.       position: absolute;
  60.       top: 5px;
  61.       left: 5px;
  62.       right: 5px;
  63.       bottom: 5px;
  64.       border-radius: 50%;
  65.       border: 3px solid transparent;
  66.       /* COLOR 2 */
  67.       border-top-color: #FFF;
  68.       -webkit-animation: spin 3s linear infinite;
  69.       /* Chrome, Opera 15+, Safari 5+ */
  70.       -moz-animation: spin 3s linear infinite;
  71.       /* Chrome, Opera 15+, Safari 5+ */
  72.       -o-animation: spin 3s linear infinite;
  73.       /* Chrome, Opera 15+, Safari 5+ */
  74.       -ms-animation: spin 3s linear infinite;
  75.       /* Chrome, Opera 15+, Safari 5+ */
  76.       animation: spin 3s linear infinite;
  77.       /* Chrome, Firefox 16+, IE 10+, Opera */
  78.     }
  79.     #loader:after {
  80.       content: "";
  81.       position: absolute;
  82.       top: 15px;
  83.       left: 15px;
  84.       right: 15px;
  85.       bottom: 15px;
  86.       border-radius: 50%;
  87.       border: 3px solid transparent;
  88.       border-top-color: #FFF;
  89.       /* COLOR 3 */
  90.       -moz-animation: spin 1.5s linear infinite;
  91.       /* Chrome, Opera 15+, Safari 5+ */
  92.       -o-animation: spin 1.5s linear infinite;
  93.       /* Chrome, Opera 15+, Safari 5+ */
  94.       -ms-animation: spin 1.5s linear infinite;
  95.       /* Chrome, Opera 15+, Safari 5+ */
  96.       -webkit-animation: spin 1.5s linear infinite;
  97.       /* Chrome, Opera 15+, Safari 5+ */
  98.       animation: spin 1.5s linear infinite;
  99.       /* Chrome, Firefox 16+, IE 10+, Opera */
  100.     }
  101.     @-webkit-keyframes spin {
  102.       0% {
  103.         -webkit-transform: rotate(0deg);
  104.         /* Chrome, Opera 15+, Safari 3.1+ */
  105.         -ms-transform: rotate(0deg);
  106.         /* IE 9 */
  107.         transform: rotate(0deg);
  108.         /* Firefox 16+, IE 10+, Opera */
  109.       }
  110.       100% {
  111.         -webkit-transform: rotate(360deg);
  112.         /* Chrome, Opera 15+, Safari 3.1+ */
  113.         -ms-transform: rotate(360deg);
  114.         /* IE 9 */
  115.         transform: rotate(360deg);
  116.         /* Firefox 16+, IE 10+, Opera */
  117.       }
  118.     }
  119.     @keyframes spin {
  120.       0% {
  121.         -webkit-transform: rotate(0deg);
  122.         /* Chrome, Opera 15+, Safari 3.1+ */
  123.         -ms-transform: rotate(0deg);
  124.         /* IE 9 */
  125.         transform: rotate(0deg);
  126.         /* Firefox 16+, IE 10+, Opera */
  127.       }
  128.       100% {
  129.         -webkit-transform: rotate(360deg);
  130.         /* Chrome, Opera 15+, Safari 3.1+ */
  131.         -ms-transform: rotate(360deg);
  132.         /* IE 9 */
  133.         transform: rotate(360deg);
  134.         /* Firefox 16+, IE 10+, Opera */
  135.       }
  136.     }
  137.     #loader-wrapper .loader-section {
  138.       position: fixed;
  139.       top: 0;
  140.       width: 51%;
  141.       height: 100%;
  142.       background: #49a9ee;
  143.       /* Old browsers */
  144.       z-index: 1000;
  145.       -webkit-transform: translateX(0);
  146.       /* Chrome, Opera 15+, Safari 3.1+ */
  147.       -ms-transform: translateX(0);
  148.       /* IE 9 */
  149.       transform: translateX(0);
  150.       /* Firefox 16+, IE 10+, Opera */
  151.     }
  152.     #loader-wrapper .loader-section.section-left {
  153.       left: 0;
  154.     }
  155.     #loader-wrapper .loader-section.section-right {
  156.       right: 0;
  157.     }
  158.     /* Loaded */
  159.     .loaded #loader-wrapper .loader-section.section-left {
  160.       -webkit-transform: translateX(-100%);
  161.       /* Chrome, Opera 15+, Safari 3.1+ */
  162.       -ms-transform: translateX(-100%);
  163.       /* IE 9 */
  164.       transform: translateX(-100%);
  165.       /* Firefox 16+, IE 10+, Opera */
  166.       -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  167.       transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  168.     }
  169.     .loaded #loader-wrapper .loader-section.section-right {
  170.       -webkit-transform: translateX(100%);
  171.       /* Chrome, Opera 15+, Safari 3.1+ */
  172.       -ms-transform: translateX(100%);
  173.       /* IE 9 */
  174.       transform: translateX(100%);
  175.       /* Firefox 16+, IE 10+, Opera */
  176.       -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  177.       transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  178.     }
  179.     .loaded #loader {
  180.       opacity: 0;
  181.       -webkit-transition: all 0.3s ease-out;
  182.       transition: all 0.3s ease-out;
  183.     }
  184.     .loaded #loader-wrapper {
  185.       visibility: hidden;
  186.       -webkit-transform: translateY(-100%);
  187.       /* Chrome, Opera 15+, Safari 3.1+ */
  188.       -ms-transform: translateY(-100%);
  189.       /* IE 9 */
  190.       transform: translateY(-100%);
  191.       /* Firefox 16+, IE 10+, Opera */
  192.       -webkit-transition: all 0.3s 1s ease-out;
  193.       transition: all 0.3s 1s ease-out;
  194.     }
  195.     /* JavaScript Turned Off */
  196.     .no-js #loader-wrapper {
  197.       display: none;
  198.     }
  199.     .no-js h1 {
  200.       color: #222222;
  201.     }
  202.     #loader-wrapper .load_title {
  203.       font-family: 'Open Sans';
  204.       color: #FFF;
  205.       font-size: 14px;
  206.       width: 100%;
  207.       text-align: center;
  208.       z-index: 9999999999999;
  209.       position: absolute;
  210.       top: 60%;
  211.       opacity: 1;
  212.       line-height: 30px;
  213.     }
  214.     #loader-wrapper .load_title span {
  215.       font-weight: normal;
  216.       font-style: italic;
  217.       font-size: 14px;
  218.       color: #FFF;
  219.       opacity: 0.5;
  220.     }
  221.     /* 滚动条优化 start */
  222.     ::-webkit-scrollbar{
  223.       width:8px;
  224.       height:8px;
  225.     }
  226.     ::-webkit-scrollbar-track{
  227.       background: #f6f6f6;
  228.       border-radius:2px;
  229.     }
  230.     ::-webkit-scrollbar-thumb{
  231.       background: #cdcdcd;
  232.       border-radius:2px;
  233.     }
  234.     ::-webkit-scrollbar-thumb:hover{
  235.       background: #747474;
  236.     }
  237.     ::-webkit-scrollbar-corner {
  238.       background: #f6f6f6;
  239.     }
  240.     /* 滚动条优化 end */
  241.   </style>
  242.   <!-- 全局配置 -->
  243.   <script src="<%= BASE_URL %>static/config.js"></script>
  244. </head>
  245. 

  246. <body>
  247. <div id="app">
  248.   <div id="loader-wrapper">
  249.     <div id="loader"></div>
  250.     <div class="loader-section section-left"></div>
  251.     <div class="loader-section section-right"></div>
  252.     <div class="load_title">正在加载 瑶都万能墙后台管理系统,请耐心等待
  253. 

  254.     </div>
  255.   </div>
  256. </div>
  257. 

  258. </body>
  259. 

  260. </html>