index.html 1.5 KB

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