index.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link class="admin-icon" rel="icon" href="/favicon.ico" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title><%=title%></title>
  8. <style type="text/css">
  9. /*body{padding: 0; margin: 0; background-color: #f4f6f7;}*/
  10. .loading-svg{display: inline-block; animation: man 3s linear infinite;}
  11. @keyframes man {
  12. from {transform: rotate(0deg);}
  13. to {transform: rotate(360deg);}
  14. }
  15. </style>
  16. </head>
  17. <body style="padding: 0; margin: 0; background-color: #f4f6f7;">
  18. <div id="app">
  19. <!-- 首屏加载动画 -->
  20. <div style="width: 100vw; height: 100vh; display: flex; align-items: center; ">
  21. <div style="flex: 1; text-align: center">
  22. <h1 style="font-size: 36px; color: #000"> <%= title %> 后台 </h1>
  23. <div style="padding-top: 40px; padding-bottom: 100px;">
  24. <svg class="loading-svg" viewBox="0 0 1024 1024" width="60" height="60" xmlns="http://www.w3.org/2000/svg" data-v-ba633cb8="">
  25. <path fill="#2d8cf0" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"></path>
  26. </svg>
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. <script type="module" src="/src/main.js"></script>
  32. <script type="text/javascript">
  33. // 火狐拖拽问题
  34. document.body.ondrop = function(event) {
  35. event.preventDefault();
  36. event.stopPropagation();
  37. };
  38. </script>
  39. </body>
  40. </html>