index.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  7. <title>国标28181</title>
  8. <link rel="shortcut icon" href="./static/favicon.ico" type="image/x-icon" />
  9. <link rel="stylesheet" type="text/css" href="./static/css/iconfont.css" />
  10. <link rel="stylesheet" type="text/css" href="./static/css/login.css" />
  11. </head>
  12. <body
  13. id="indexBody"
  14. style="overflow: hidden;width:100vw;height:100vh;margin:0;padding:0;background:#30313364;background-repeat: no-repeat;
  15. background-size: 100% 100%;"
  16. >
  17. <noscript>
  18. <strong
  19. >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
  20. properly without JavaScript enabled. Please enable it to
  21. continue.</strong
  22. >
  23. </noscript>
  24. <div
  25. id="indexLoading"
  26. class="index_pageLoading"
  27. style="
  28. position:absolute;
  29. margin-top: 1rem;
  30. width: 100vw;
  31. height: 100vh;
  32. display: flex;
  33. flex-direction: column;
  34. justify-content: center;
  35. align-items: center;
  36. position: relative;
  37. overflow: hidden;
  38. z-index: 0;"
  39. >
  40. <div>
  41. <svg height="400" width="400">
  42. <filter id="main1">
  43. <feDiffuseLighting
  44. in="SourceGraphic"
  45. result="light"
  46. lighting-color="white"
  47. >
  48. <fePointLight x="200" y="250" z="40"></fePointLight>
  49. </feDiffuseLighting>
  50. <feComposite
  51. in="SourceGraphic"
  52. in2="light"
  53. operator="arithmetic"
  54. k1="1"
  55. k2="0"
  56. k3="0"
  57. k4="0"
  58. ></feComposite>
  59. </filter>
  60. <filter id="main2">
  61. <feDiffuseLighting
  62. in="SourceGraphic"
  63. result="light"
  64. lighting-color="white"
  65. >
  66. <fePointLight x="200" y="250" z="20"></fePointLight>
  67. </feDiffuseLighting>
  68. <feComposite
  69. in="SourceGraphic"
  70. in2="light"
  71. operator="arithmetic"
  72. k1="1"
  73. k2="0"
  74. k3="0"
  75. k4="0"
  76. ></feComposite>
  77. </filter>
  78. <defs>
  79. <radialGradient
  80. id="main3"
  81. cx="50%"
  82. cy="50%"
  83. r="50%"
  84. fx="50%"
  85. fy="50%"
  86. >
  87. <stop
  88. offset="0%"
  89. style="stop-color:rgb(255,255,255);stop-opacity:0"
  90. ></stop>
  91. <stop
  92. offset="100%"
  93. style="stop-color:rgb(0,0,255);stop-opacity:1"
  94. ></stop>
  95. </radialGradient>
  96. </defs>
  97. <filter id="lightMe1">
  98. <feDiffuseLighting
  99. in="SourceGraphic"
  100. result="light"
  101. lighting-color="white"
  102. >
  103. <fePointLight x="100" y="100" z="100"></fePointLight>
  104. </feDiffuseLighting>
  105. <feComposite
  106. in="SourceGraphic"
  107. in2="light"
  108. operator="arithmetic"
  109. k1="1"
  110. k2="0"
  111. k3="0"
  112. k4="0"
  113. ></feComposite>
  114. </filter>
  115. <filter id="rightMe1">
  116. <feDiffuseLighting
  117. in="SourceGraphic"
  118. result="light"
  119. lighting-color="white"
  120. >
  121. <fePointLight x="300" y="100" z="100"></fePointLight>
  122. </feDiffuseLighting>
  123. <feComposite
  124. in="SourceGraphic"
  125. in2="light"
  126. operator="arithmetic"
  127. k1="1"
  128. k2="0"
  129. k3="0"
  130. k4="0"
  131. ></feComposite>
  132. </filter>
  133. <path
  134. d="M100 250 L100 100 L95 110 L95 250 L100 260 Z"
  135. fill="#606266"
  136. stroke="#606266"
  137. stroke-width="3"
  138. filter="url(#lightMe1)"
  139. ></path>
  140. <path
  141. d="M300 250 L300 100 L305 110 L305 250 L300 260 Z"
  142. fill="#606266"
  143. stroke="#606266"
  144. stroke-width="3"
  145. filter="url(#rightMe1)"
  146. ></path>
  147. <circle
  148. filter="url(#main1)"
  149. cx="200"
  150. cy="250"
  151. r="100"
  152. stroke="black"
  153. stroke-width="1"
  154. fill="#dcdfe6"
  155. ></circle>
  156. <circle
  157. filter="url(#main2)"
  158. cx="200"
  159. cy="250"
  160. r="75"
  161. stroke="#606266"
  162. stroke-width="5"
  163. fill="#303133"
  164. ></circle>
  165. <circle
  166. filter="url(#main2)"
  167. cx="200"
  168. cy="250"
  169. r="55"
  170. stroke="#606266"
  171. stroke-width="5"
  172. fill="#303133"
  173. ></circle>
  174. <circle
  175. filter="url(#main2)"
  176. cx="200"
  177. cy="250"
  178. r="45"
  179. stroke="#606266"
  180. stroke-width="5"
  181. fill="#303133"
  182. ></circle>
  183. <circle
  184. filter="url(#lightMe1)"
  185. cx="200"
  186. cy="250"
  187. r="18"
  188. stroke="black"
  189. stroke-width="1"
  190. fill="#303133"
  191. ></circle>
  192. <circle
  193. filter="url(#main2)"
  194. cx="200"
  195. cy="250"
  196. r="15"
  197. stroke="black"
  198. stroke-width="1"
  199. fill="#303133"
  200. ></circle>
  201. <circle
  202. filter="url(#main2)"
  203. cx="200"
  204. cy="250"
  205. r="10"
  206. stroke="#000"
  207. stroke-width="1"
  208. fill="#000"
  209. ></circle>
  210. <circle
  211. filter="url(#lightMe1)"
  212. cx="200"
  213. cy="190"
  214. r="5"
  215. stroke="#dcdfe6"
  216. stroke-width="1"
  217. fill="#000"
  218. ></circle>
  219. <path
  220. class="testLoadingSvg"
  221. d="M 80 100 Q 100 80 120 100"
  222. fill="none"
  223. stroke="#34c6d8"
  224. stroke-linecap="round"
  225. stroke-width="3"
  226. filter="url(#lightMe1)"
  227. ></path>
  228. <path
  229. class="testLoadingSvg"
  230. d="M 60 80 Q 100 50 140 80"
  231. fill="none"
  232. stroke="#34c6d8"
  233. stroke-linecap="round"
  234. stroke-width="3"
  235. filter="url(#lightMe1)"
  236. ></path>
  237. <path
  238. class="testLoadingSvg"
  239. d="M 40 60 Q 100 20 160 60"
  240. fill="none"
  241. stroke="#34c6d8"
  242. stroke-linecap="round"
  243. stroke-width="3"
  244. filter="url(#lightMe1)"
  245. ></path>
  246. <path
  247. class="testLoadingSvg"
  248. d="M 280 100 Q 300 80 320 100"
  249. fill="none"
  250. stroke="#34c6d8"
  251. stroke-linecap="round"
  252. stroke-width="3"
  253. filter="url(#rightMe1)"
  254. ></path>
  255. <path
  256. class="testLoadingSvg"
  257. d="M 260 80 Q 300 50 340 80"
  258. fill="none"
  259. stroke="#34c6d8"
  260. stroke-linecap="round"
  261. stroke-width="3"
  262. filter="url(#rightMe1)"
  263. ></path>
  264. <path
  265. class="testLoadingSvg"
  266. d="M 240 60 Q 300 20 360 60"
  267. fill="none"
  268. stroke="#34c6d8"
  269. stroke-linecap="round"
  270. stroke-width="3"
  271. filter="url(#rightMe1)"
  272. ></path>
  273. </svg>
  274. </div>
  275. <div
  276. class="testLoadingText"
  277. style="
  278. color: #c0c4cc;
  279. font-size: 24px;
  280. font-weight: bold;"
  281. >
  282. <span id="indexLoadingText">加载中</span><span>……</span>
  283. </div>
  284. </div>
  285. <div id="app"></div>
  286. <!-- built files will be auto injected -->
  287. </body>
  288. </html>