index.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" href="/logo.png" />
  6. <meta content="width=device-width, initial-scale=1.0" name="viewport" />
  7. <meta
  8. content="Vue3 + Vite5 + TypeScript5 + Element-Plus 的后台管理模板,配套接口文档和后端源码,vue-element-admin 的 Vue3 版本"
  9. name="description"
  10. />
  11. <meta
  12. content="vue,element-plus,typescript,vue-element-admin,vue3-element-admin"
  13. name="keywords"
  14. />
  15. <title>生产线综合管控采集平台-一体机</title>
  16. <link rel="stylesheet" href="/LuckExcel/pluginsCss.css" />
  17. <link rel="stylesheet" href="/LuckExcel/plugins.css" />
  18. <link rel="stylesheet" href="/LuckExcel/luckysheet.css" />
  19. <link rel="stylesheet" href="/LuckExcel/iconfont.css" />
  20. <script src="/LuckExcel/plugin.js"></script>
  21. <script src="/LuckExcel/luckysheet.umd.js"></script>
  22. </head>
  23. <body>
  24. <div id="app"></div>
  25. </body>
  26. <script src="/src/main.ts" type="module"></script>
  27. <style>
  28. html,
  29. body,
  30. #app {
  31. position: relative;
  32. display: flex;
  33. align-items: center;
  34. justify-content: center;
  35. width: 100%;
  36. height: 100%;
  37. }
  38. .loader {
  39. position: relative;
  40. width: 40px;
  41. aspect-ratio: 0.577;
  42. overflow: hidden;
  43. clip-path: polygon(0 0, 100% 100%, 0 100%, 100% 0);
  44. animation: l19 2s infinite linear;
  45. }
  46. .loader::before {
  47. position: absolute;
  48. inset: -150%;
  49. content: "";
  50. background: repeating-conic-gradient(
  51. from 30deg,
  52. #ffabab 0 60deg,
  53. #abe4ff 0 120deg,
  54. #ff7373 0 180deg
  55. );
  56. animation: inherit;
  57. animation-direction: reverse;
  58. }
  59. @keyframes l19 {
  60. 100% {
  61. transform: rotate(360deg);
  62. }
  63. }
  64. </style>
  65. </html>