index.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="renderer" content="webkit">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  8. <link rel="icon" href="/favicon.ico">
  9. <title>IBMS管理系统</title>
  10. <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
  11. <style>
  12. html,
  13. body,
  14. #app {
  15. height: 100%;
  16. margin: 0px;
  17. padding: 0px;
  18. /*background-color: #2c3e50;*/
  19. }
  20. .chromeframe {
  21. margin: 0.2em 0;
  22. background: #ccc;
  23. color: #000;
  24. padding: 0.2em 0;
  25. }
  26. #loader-wrapper {
  27. position: fixed;
  28. top: 0;
  29. left: 0;
  30. width: 100%;
  31. height: 100%;
  32. background-color: #2c3e50;
  33. z-index: 999999;
  34. display: flex;
  35. justify-content: center;
  36. align-items: center;
  37. flex-direction: column;
  38. }
  39. #loader {
  40. display: block;
  41. position: relative;
  42. width: 100px;
  43. height: 100px;
  44. border: 8px solid rgba(255, 255, 255, 0.2);
  45. border-top-color: #fff;
  46. border-radius: 50%;
  47. animation: spin 1.5s linear infinite;
  48. }
  49. @keyframes spin {
  50. 0% {
  51. transform: rotate(0deg);
  52. }
  53. 100% {
  54. transform: rotate(360deg);
  55. }
  56. }
  57. #loader-wrapper .load_title {
  58. font-family: 'Arial', sans-serif;
  59. color: #fff;
  60. font-size: 18px;
  61. margin-top: 20px;
  62. text-align: center;
  63. opacity: 0.9;
  64. }
  65. #loader-wrapper .load_title span {
  66. font-size: 14px;
  67. color: #ddd;
  68. opacity: 0.7;
  69. }
  70. .loaded #loader-wrapper {
  71. visibility: hidden;
  72. opacity: 0;
  73. transition: all 0.5s ease-out;
  74. }
  75. .no-js #loader-wrapper {
  76. display: none;
  77. }
  78. .no-js h1 {
  79. color: #222222;
  80. }
  81. </style>
  82. </head>
  83. <body>
  84. <div id="app">
  85. <div id="loader-wrapper">
  86. <div id="loader"></div>
  87. <div class="load_title">正在加载系统资源,请耐心等待</div>
  88. </div>
  89. </div>
  90. <script type="module" src="/src/main.js"></script>
  91. </body>
  92. </html>