index.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <meta name="format-detection" content="telephone=no">
  9. <meta name="mobile-web-app-capable" content="yes">
  10. <meta name="msapplication-tap-highlight" content="no">
  11. <meta name="fragment" content="!">
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, viewport-fit=cover">
  13. <meta http-equiv="Expires" content="0">
  14. <meta http-equiv="Pragma" content="no-cache">
  15. <meta http-equiv="Cache-control" content="no-cache">
  16. <meta http-equiv="Cache" content="no-cache">
  17. <meta name="description" content="" >
  18. <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  19. <title>管乐迷</title>
  20. <!-- <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.4&key=c7856e7c812d299cff150e74d60ea608"></script> -->
  21. <style>html{color:#000;overflow-y:scroll;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100px;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}.link,.link:hover,.link:visited,a{color:#333}body,html{font-family:"PingFang SC","Heiti SC","SF UI Text","Helvetica Neue",Roboto,"Droid Sans Fallback",arial,sans-serif;font-weight:normal}body{font-size:.12rem;line-height:1.5}*{margin:0;padding:0;outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}img{border:0}del{text-decoration:line-through}.link:active,a{text-decoration:none}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:500}h1{font-size:.36rem}h2{font-size:.28rem}h3{font-size:.24rem}h4{font-size:.2rem;line-height:.26rem}h5{font-size:.18rem;line-height:.24rem}h6{font-size:.16rem;line-height:.2rem}q:after,q:before{content:''}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.link:active{color:#e61414}ins,u{text-decoration:underline;text-decoration-color:#eee}</style>
  22. <script>!function(e,t){var n=t.documentElement,d=e.devicePixelRatio||1;function i(){var e=n.clientWidth/3.75; e=e>110?110:e;n.style.fontSize=e+"px"}if(function e(){t.body?t.body.style.fontSize="16px":t.addEventListener("DOMContentLoaded",e)}(),i(),e.addEventListener("resize",i),e.addEventListener("pageshow",function(e){e.persisted&&i()}),2<=d){var o=t.createElement("body"),a=t.createElement("div");a.style.border=".5px solid transparent",o.appendChild(a),n.appendChild(o),1===a.offsetHeight&&n.classList.add("hairlines"),n.removeChild(o)}}(window,document)</script>
  23. </head>
  24. <body>
  25. <style>
  26. .m-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;width:88px;max-width:70%;min-height:88px;padding:16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word;background-color:rgba(50,50,51,0.88);border-radius:4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);z-index:2002}.m-loading{position:relative;color:#fff;font-size:0;vertical-align:middle;padding:4px}.m-loading__spinner{position:relative;display:inline-block;width:30px;max-width:100%;height:30px;max-height:100%;vertical-align:middle;-webkit-animation:m-rotate .8s linear infinite;animation:m-rotate .8s linear infinite}.m-loading__spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.m-loading__circular{display:block;width:100%;height:100%}.m-loading__circular circle{-webkit-animation:m-circular 1.5s ease-in-out infinite;animation:m-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.m-loading__text{display:inline-block;margin-left:8px;color:#969799;font-size:14px;vertical-align:middle}.m-loading--vertical{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.m-loading--vertical .m-loading__text{margin:8px 0 0}@-webkit-keyframes m-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes m-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.m-toast__text{margin-top:8px}
  27. </style>
  28. <div id="m_loading" class="m-toast m-toast--middle m-toast--loading" style="z-index: 2001;"><div class="m-loading m-loading--circular m-toast__loading"><span class="m-loading__spinner m-loading__spinner--circular"><svg viewBox="25 25 50 50" class="m-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div><div class="m-toast__text">加载中...</div></div>
  29. <div id="app"></div>
  30. <!-- built files will be auto injected -->
  31. <form role="form" method="post" action="" id="onSubmit">
  32. <input type="hidden" name="apiContent" id="apiContent">
  33. <input type="hidden" name="merNo" id="merNo">
  34. <input type="hidden" name="notifyUrl" id="notifyUrl">
  35. <input type="hidden" name="sign" id="sign">
  36. <input type="hidden" name="signType" id="signType">
  37. <input type="hidden" name="timestamp" id="timestamp">
  38. <input type="hidden" name="version" id="version">
  39. </form>
  40. </body>
  41. </html>