index.html 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  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"
  13. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, viewport-fit=cover">
  14. <meta http-equiv="Expires" content="0">
  15. <meta http-equiv="Pragma" content="no-cache">
  16. <meta http-equiv="Cache-control" content="no-cache">
  17. <meta http-equiv="Cache" content="no-cache">
  18. <meta name="description" content="">
  19. <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  20. <title>管乐迷</title>
  21. <!-- <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.4&key=ac943ac1522de0d63eb8a99b71fe2601"></script> -->
  22. <style>
  23. html {
  24. color: #000;
  25. overflow-y: scroll;
  26. overflow-x: hidden;
  27. -webkit-text-size-adjust: 100%;
  28. -ms-text-size-adjust: 100%;
  29. font-size: 100px;
  30. -webkit-font-smoothing: antialiased;
  31. -webkit-overflow-scrolling: touch
  32. }
  33. .link,
  34. .link:hover,
  35. .link:visited,
  36. a {
  37. color: #333
  38. }
  39. body,
  40. html {
  41. font-family: "PingFang SC", "Heiti SC", "SF UI Text", "Helvetica Neue", Roboto, "Droid Sans Fallback", arial, sans-serif;
  42. font-weight: normal
  43. }
  44. body {
  45. font-size: .12rem;
  46. line-height: 1.5
  47. }
  48. * {
  49. margin: 0;
  50. padding: 0;
  51. outline: 0;
  52. -webkit-text-size-adjust: none;
  53. -webkit-tap-highlight-color: transparent
  54. }
  55. input,
  56. select,
  57. textarea {
  58. font-size: 100%
  59. }
  60. table {
  61. border-collapse: collapse;
  62. border-spacing: 0
  63. }
  64. img {
  65. border: 0
  66. }
  67. del {
  68. text-decoration: line-through
  69. }
  70. .link:active,
  71. a {
  72. text-decoration: none
  73. }
  74. ol,
  75. ul {
  76. list-style: none
  77. }
  78. caption,
  79. th {
  80. text-align: left
  81. }
  82. h1,
  83. h2,
  84. h3,
  85. h4,
  86. h5,
  87. h6 {
  88. font-weight: 500
  89. }
  90. h1 {
  91. font-size: .36rem
  92. }
  93. h2 {
  94. font-size: .28rem
  95. }
  96. h3 {
  97. font-size: .24rem
  98. }
  99. h4 {
  100. font-size: .2rem;
  101. line-height: .26rem
  102. }
  103. h5 {
  104. font-size: .18rem;
  105. line-height: .24rem
  106. }
  107. h6 {
  108. font-size: .16rem;
  109. line-height: .2rem
  110. }
  111. q:after,
  112. q:before {
  113. content: ''
  114. }
  115. sub,
  116. sup {
  117. font-size: 75%;
  118. line-height: 0;
  119. position: relative;
  120. vertical-align: baseline
  121. }
  122. sup {
  123. top: -.5em
  124. }
  125. sub {
  126. bottom: -.25em
  127. }
  128. .link:active {
  129. color: #e61414
  130. }
  131. ins,
  132. u {
  133. text-decoration: underline;
  134. text-decoration-color: #eee
  135. }
  136. </style>
  137. <link href="./tcplayer.min.css" rel="stylesheet" />
  138. <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>
  139. </head>
  140. <body>
  141. <style>
  142. .m-toast {
  143. position: fixed;
  144. top: 50%;
  145. left: 50%;
  146. display: -webkit-box;
  147. display: -webkit-flex;
  148. display: flex;
  149. -webkit-box-orient: vertical;
  150. -webkit-box-direction: normal;
  151. -webkit-flex-direction: column;
  152. flex-direction: column;
  153. -webkit-box-align: center;
  154. -webkit-align-items: center;
  155. align-items: center;
  156. -webkit-box-pack: center;
  157. -webkit-justify-content: center;
  158. justify-content: center;
  159. box-sizing: content-box;
  160. width: 88px;
  161. max-width: 70%;
  162. min-height: 88px;
  163. padding: 16px;
  164. color: #fff;
  165. font-size: 14px;
  166. line-height: 20px;
  167. white-space: pre-wrap;
  168. text-align: center;
  169. word-wrap: break-word;
  170. background-color: rgba(50, 50, 51, 0.88);
  171. border-radius: 4px;
  172. -webkit-transform: translate3d(-50%, -50%, 0);
  173. transform: translate3d(-50%, -50%, 0);
  174. z-index: 2002
  175. }
  176. .m-loading {
  177. position: relative;
  178. color: #fff;
  179. font-size: 0;
  180. vertical-align: middle;
  181. padding: 4px
  182. }
  183. .m-loading__spinner {
  184. position: relative;
  185. display: inline-block;
  186. width: 30px;
  187. max-width: 100%;
  188. height: 30px;
  189. max-height: 100%;
  190. vertical-align: middle;
  191. -webkit-animation: m-rotate .8s linear infinite;
  192. animation: m-rotate .8s linear infinite
  193. }
  194. .m-loading__spinner--circular {
  195. -webkit-animation-duration: 2s;
  196. animation-duration: 2s
  197. }
  198. .m-loading__circular {
  199. display: block;
  200. width: 100%;
  201. height: 100%
  202. }
  203. .m-loading__circular circle {
  204. -webkit-animation: m-circular 1.5s ease-in-out infinite;
  205. animation: m-circular 1.5s ease-in-out infinite;
  206. stroke: currentColor;
  207. stroke-width: 3;
  208. stroke-linecap: round
  209. }
  210. .m-loading__text {
  211. display: inline-block;
  212. margin-left: 8px;
  213. color: #969799;
  214. font-size: 14px;
  215. vertical-align: middle
  216. }
  217. .m-loading--vertical {
  218. display: -webkit-box;
  219. display: -webkit-flex;
  220. display: flex;
  221. -webkit-box-orient: vertical;
  222. -webkit-box-direction: normal;
  223. -webkit-flex-direction: column;
  224. flex-direction: column;
  225. -webkit-box-align: center;
  226. -webkit-align-items: center;
  227. align-items: center
  228. }
  229. .m-loading--vertical .m-loading__text {
  230. margin: 8px 0 0
  231. }
  232. @-webkit-keyframes m-circular {
  233. 0% {
  234. stroke-dasharray: 1, 200;
  235. stroke-dashoffset: 0
  236. }
  237. 50% {
  238. stroke-dasharray: 90, 150;
  239. stroke-dashoffset: -40
  240. }
  241. 100% {
  242. stroke-dasharray: 90, 150;
  243. stroke-dashoffset: -120
  244. }
  245. }
  246. @keyframes m-circular {
  247. 0% {
  248. stroke-dasharray: 1, 200;
  249. stroke-dashoffset: 0
  250. }
  251. 50% {
  252. stroke-dasharray: 90, 150;
  253. stroke-dashoffset: -40
  254. }
  255. 100% {
  256. stroke-dasharray: 90, 150;
  257. stroke-dashoffset: -120
  258. }
  259. }
  260. .m-toast__text {
  261. margin-top: 8px
  262. }
  263. </style>
  264. <div id="m_loading" class="m-toast m-toast--middle m-toast--loading" style="z-index: 2001;">
  265. <div class="m-loading m-loading--circular m-toast__loading"><span
  266. class="m-loading__spinner m-loading__spinner--circular"><svg viewBox="25 25 50 50" class="m-loading__circular">
  267. <circle cx="50" cy="50" r="20" fill="none"></circle>
  268. </svg></span></div>
  269. <div class="m-toast__text">加载中...</div>
  270. </div>
  271. <div id="app"></div>
  272. <!-- built files will be auto injected -->
  273. <form role="form" method="post" action="" id="onSubmit">
  274. <input type="hidden" name="apiContent" id="apiContent">
  275. <input type="hidden" name="merNo" id="merNo">
  276. <input type="hidden" name="notifyUrl" id="notifyUrl">
  277. <input type="hidden" name="sign" id="sign">
  278. <input type="hidden" name="signType" id="signType">
  279. <input type="hidden" name="timestamp" id="timestamp">
  280. <input type="hidden" name="version" id="version">
  281. </form>
  282. </body>
  283. </html>