| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 | <!DOCTYPE html><html lang="zh-cmn-Hans" id="htmlRoot" data-theme="light"><head>  <link rel="icon" href="/favicon.ico" />  <meta charset="UTF-8">  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />  <meta content="webkit" name="renderer" />  <meta name="viewport" content="user-scalable=0,width=device-width, initial-scale=1.0">  <meta http-equiv="cache-control" content="no-cache,no-store, must-revalidate" />  <meta http-equiv="pragma" content="no-cache" />  <meta http-equiv="Expires" content="0" />  <meta name="referrer" content="no-referrer" />  <title>    音乐教育总控管理平台  </title></head><body>  <div id="appProvider" style="display: none"></div>  <div id="app">    <style>      .first-loading-wrap {        display: flex;        width: 100%;        height: 100vh;        justify-content: center;        align-items: center;        flex-direction: column;      }      .first-loading-wrap>h1 {        font-size: 128px      }      .first-loading-wrap .loading-wrap {        padding: 98px;        display: flex;        justify-content: center;        align-items: center      }      .dot {        animation: antRotate 1.2s infinite linear;        transform: rotate(45deg);        position: relative;        display: inline-block;        font-size: 32px;        width: 32px;        height: 32px;        box-sizing: border-box      }      .dot i {        width: 14px;        height: 14px;        position: absolute;        display: block;        background-color: #1890ff;        border-radius: 100%;        transform: scale(.75);        transform-origin: 50% 50%;        opacity: .3;        animation: antSpinMove 1s infinite linear alternate      }      .dot i:nth-child(1) {        top: 0;        left: 0      }      .dot i:nth-child(2) {        top: 0;        right: 0;        -webkit-animation-delay: .4s;        animation-delay: .4s      }      .dot i:nth-child(3) {        right: 0;        bottom: 0;        -webkit-animation-delay: .8s;        animation-delay: .8s      }      .dot i:nth-child(4) {        bottom: 0;        left: 0;        -webkit-animation-delay: 1.2s;        animation-delay: 1.2s      }      @keyframes antRotate {        to {          -webkit-transform: rotate(405deg);          transform: rotate(405deg)        }      }      @-webkit-keyframes antRotate {        to {          -webkit-transform: rotate(405deg);          transform: rotate(405deg)        }      }      @keyframes antSpinMove {        to {          opacity: 1        }      }      @-webkit-keyframes antSpinMove {        to {          opacity: 1        }      }    </style>    <div class="first-loading-wrap">      <div class="loading-wrap">        <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>      </div>    </div>  </div>  <script>var globalThis = window;</script>  <script type="text/javascript">    // var url =  window.location.origin + '/_AMapService'    window._AMapSecurityConfig = {      serviceHost: 'https://gym.lexiaoya.cn/_AMapService'    }    // window._AMapSecurityConfig = {    //     serviceHost: 'http://192.168.3.120:8001/_AMapService',    //     // 例如 :serviceHost:'http://1.1.1.1:80/_AMapService',    //   }  </script>  <script src="/src/main.ts" type="module"></script>  <!-- <script type="text/javascript"    src="https://cdnjs.cloudflare.com/ajax/libs/mammoth/1.4.21/mammoth.browser.min.js"></script> --></body></html>
 |