index.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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="viewport" content="width=device-width,initial-scale=1.0">
  7. <link rel="icon" href="<%= BASE_URL %>logo.png">
  8. <title><%= process.env.VUE_APP_NAME %></title>
  9. <script src="<%= BASE_URL %>flexible.js"></script>
  10. <style>
  11. .ele-admin-loading {
  12. width: 36px;
  13. font-size: 0;
  14. display: inline-block;
  15. transform: rotate(45deg);
  16. animation: loadingRotate 1.2s infinite linear;
  17. position: relative;
  18. top: calc(50% - 18px);
  19. left: calc(50% - 18px);
  20. }
  21. .ele-admin-loading span {
  22. width: 10px;
  23. height: 10px;
  24. margin: 4px;
  25. border-radius: 50%;
  26. background: #1890ff;
  27. display: inline-block;
  28. opacity: .9;
  29. }
  30. .ele-admin-loading span:nth-child(2) {
  31. opacity: .7;
  32. }
  33. .ele-admin-loading span:nth-child(3) {
  34. opacity: .5;
  35. }
  36. .ele-admin-loading span:nth-child(4) {
  37. opacity: .3;
  38. }
  39. @keyframes loadingRotate {
  40. to {
  41. transform: rotate(405deg);
  42. }
  43. }
  44. #app > .ele-admin-loading {
  45. position: fixed;
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. <noscript>
  51. <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
  52. Please enable it to continue.</strong>
  53. </noscript>
  54. <div id="app">
  55. <div class="ele-admin-loading">
  56. <span></span>
  57. <span></span>
  58. <span></span>
  59. <span></span>
  60. </div>
  61. </div>
  62. <!-- built files will be auto injected -->
  63. </body>
  64. </html>