index.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <link rel="icon" type="image/svg+xml" href="/datav/logo.ico"/>
  6. <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1,viewport-fit=cover"/>
  7. <title>荆楚农事智慧农业数据驾驶舱</title>
  8. <style>
  9. #firstLoad {
  10. width: 80px;
  11. height: 80px;
  12. position: absolute;
  13. z-index: 999;
  14. left: 50%;
  15. top: 50%;
  16. transform: translate(-50%,-50%)
  17. }
  18. #firstLoad span {
  19. display: inline-block;
  20. width: 15px;
  21. height: 15px;
  22. border-radius: 50%;
  23. background: #fff;
  24. position: absolute;
  25. -webkit-animation: load 1.04s ease infinite
  26. }
  27. @-webkit-keyframes load {
  28. 0% {
  29. -webkit-transform: scale(1.2);
  30. opacity: 1
  31. }
  32. 100% {
  33. -webkit-transform: scale(.3);
  34. opacity: .5
  35. }
  36. }
  37. #firstLoad span:first-child {
  38. left: 0;
  39. top: 50%;
  40. margin-top: -10px;
  41. -webkit-animation-delay: .13s
  42. }
  43. #firstLoad span:nth-child(2) {
  44. left: 10px;
  45. top: 10px;
  46. -webkit-animation-delay: .26s
  47. }
  48. #firstLoad span:nth-child(3) {
  49. left: 50%;
  50. top: 0;
  51. margin-left: -10px;
  52. -webkit-animation-delay: .39s
  53. }
  54. #firstLoad span:nth-child(4) {
  55. top: 10px;
  56. right: 10px;
  57. -webkit-animation-delay: .52s
  58. }
  59. #firstLoad span:nth-child(5) {
  60. right: 0;
  61. top: 50%;
  62. margin-top: -10px;
  63. -webkit-animation-delay: .65s
  64. }
  65. #firstLoad span:nth-child(6) {
  66. right: 10px;
  67. bottom: 10px;
  68. -webkit-animation-delay: .78s
  69. }
  70. #firstLoad span:nth-child(7) {
  71. bottom: 0;
  72. left: 50%;
  73. margin-left: -10px;
  74. -webkit-animation-delay: .91s
  75. }
  76. #firstLoad span:nth-child(8) {
  77. bottom: 10px;
  78. left: 10px;
  79. -webkit-animation-delay: 1.04s
  80. }
  81. </style>
  82. <script type="module" crossorigin src="/datav/assets/js/index-6530d0f6.js"></script>
  83. <link rel="modulepreload" crossorigin href="/datav/assets/js/@vue-37836d09.js">
  84. <link rel="modulepreload" crossorigin href="/datav/assets/js/vue-router-c7cbbcaa.js">
  85. <link rel="modulepreload" crossorigin href="/datav/assets/js/lodash-es-acda58df.js">
  86. <link rel="modulepreload" crossorigin href="/datav/assets/js/@vueuse-1ddca6f0.js">
  87. <link rel="modulepreload" crossorigin href="/datav/assets/js/@element-plus-bb6eebe0.js">
  88. <link rel="modulepreload" crossorigin href="/datav/assets/js/@popperjs-b696b006.js">
  89. <link rel="modulepreload" crossorigin href="/datav/assets/js/@ctrl-41c0891e.js">
  90. <link rel="modulepreload" crossorigin href="/datav/assets/js/d3-array-d83825ab.js">
  91. <link rel="modulepreload" crossorigin href="/datav/assets/js/d3-geo-106fc929.js">
  92. <link rel="modulepreload" crossorigin href="/datav/assets/js/@turf-e5dd68ad.js">
  93. <link rel="modulepreload" crossorigin href="/datav/assets/js/dayjs-423c4f07.js">
  94. <link rel="modulepreload" crossorigin href="/datav/assets/js/async-validator-7d693152.js">
  95. <link rel="modulepreload" crossorigin href="/datav/assets/js/memoize-one-63ab667a.js">
  96. <link rel="modulepreload" crossorigin href="/datav/assets/js/normalize-wheel-es-cf7d7ba7.js">
  97. <link rel="modulepreload" crossorigin href="/datav/assets/js/@floating-ui-f285e0b8.js">
  98. <link rel="modulepreload" crossorigin href="/datav/assets/js/element-plus-842069d4.js">
  99. <link rel="modulepreload" crossorigin href="/datav/assets/js/vue-next-wxlogin-91e03b70.js">
  100. <link rel="modulepreload" crossorigin href="/datav/assets/js/vue-demi-71ba0ef2.js">
  101. <link rel="modulepreload" crossorigin href="/datav/assets/js/pinia-0c8641d4.js">
  102. <link rel="modulepreload" crossorigin href="/datav/assets/js/destr-9c6e2924.js">
  103. <link rel="modulepreload" crossorigin href="/datav/assets/js/deep-pick-omit-418f72d7.js">
  104. <link rel="modulepreload" crossorigin href="/datav/assets/js/pinia-plugin-persistedstate-1ec13968.js">
  105. <link rel="modulepreload" crossorigin href="/datav/assets/js/zrender-ee9f2f6d.js">
  106. <link rel="modulepreload" crossorigin href="/datav/assets/js/echarts-a77f8af6.js">
  107. <link rel="modulepreload" crossorigin href="/datav/assets/js/nprogress-85851b89.js">
  108. <link rel="modulepreload" crossorigin href="/datav/assets/js/mapbox-gl-b315653c.js">
  109. <link rel="stylesheet" href="/datav/assets/css/element-plus-12e19b9b.css">
  110. <link rel="stylesheet" href="/datav/assets/css/vue-next-wxlogin-d8a75ef8.css">
  111. <link rel="stylesheet" href="/datav/assets/css/nprogress-771398e6.css">
  112. <link rel="stylesheet" href="/datav/assets/css/mapbox-gl-bbaabcf2.css">
  113. <link rel="stylesheet" href="/datav/assets/css/index-de466de5.css">
  114. </head>
  115. <body>
  116. <div id="firstLoad">
  117. <span></span>
  118. <span></span>
  119. <span></span>
  120. <span></span>
  121. <span></span>
  122. <span></span>
  123. <span></span>
  124. <span></span>
  125. </div>
  126. <div id="app"></div>
  127. </body>
  128. </html>