index.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <!DOCTYPE html>
  2. <html lang="">
  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. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  8. <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
  9. <title><%= htmlWebpackPlugin.options.title %></title>
  10. <link rel="stylesheet" href="<%= BASE_URL %>static/plugins/leaflet1.3.1/leaflet.css" />
  11. <script src="<%= BASE_URL %>static/config/config.js"></script>
  12. <script src="<%= BASE_URL %>static/plugins/leaflet1.3.1/leaflet.js"></script>
  13. <script src="<%= BASE_URL %>static/plugins/leaflet1.3.1/leaflet-side-by-side.js"></script>
  14. <script src="<%= BASE_URL %>static/plugins/esri-leaflet-v3.0.4/esri-leaflet.js"></script>
  15. <script src="<%= BASE_URL %>static/plugins/leaflet1.3.1/leaflet.measure.js"></script>
  16. <link
  17. rel="stylesheet"
  18. type="text/css"
  19. href="<%= BASE_URL %>static/plugins/leaflet1.3.1/leaflet.measure.css"
  20. />
  21. <script src="<%= BASE_URL %>static/plugins/leaflet1.3.1/leaflet.label.js"></script>
  22. <script src="<%= BASE_URL %>static/plugins/leaflet/proj4.js"></script>
  23. <script src="<%= BASE_URL %>static/plugins/leaflet/proj4-compressed.js"></script>
  24. <script src="<%= BASE_URL %>static/plugins/leaflet/proj4leaflet.js"></script>
  25. <!-- <script src="./static/plugins/draw-plugin/lodash.js"></script> -->
  26. <script src="<%= BASE_URL %>static/plugins/draw-plugin/leaflet.draw.js"></script>
  27. <!-- <script src="./static/plugins/draw-plugin/leafletDraw2.js"></script> -->
  28. <script src="<%= BASE_URL %>static/plugins/leaflet/shpjs.js"></script>
  29. <link
  30. rel="stylesheet"
  31. type="text/css"
  32. href="<%= BASE_URL %>static/plugins/leaflet1.3.1/leaflet.label.css"
  33. />
  34. <link
  35. rel="stylesheet"
  36. type="text/css"
  37. href="<%= BASE_URL %>static/plugins/draw-plugin/leaflet.draw.css"
  38. />
  39. <script src="<%= BASE_URL %>static/plugins/Cesium/Cesium.js"></script>
  40. <!-- <script src="<%= BASE_URL %>static/json/15minLifeData.js"></script> -->
  41. <script src="<%= BASE_URL %>static/json/15minLifeData-20251127.js"></script>
  42. <link rel="stylesheet" href="<%= BASE_URL %>static/plugins/Cesium/Widgets/widgets.css" />
  43. </head>
  44. <body>
  45. <noscript>
  46. <strong
  47. >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
  48. properly without JavaScript enabled. Please enable it to
  49. continue.</strong
  50. >
  51. </noscript>
  52. <div id="app"></div>
  53. <!-- built files will be auto injected -->
  54. </body>
  55. <style>
  56. :root {
  57. /* 滚动条整体部分,必须要设置 */
  58. ::-webkit-scrollbar {
  59. width: 6px;
  60. height: 10px;
  61. overflow-y: overlay;
  62. }
  63. /* 滚动条里面轨道,能向上向下移动 */
  64. ::-webkit-scrollbar-track {
  65. background-color: transparent;
  66. }
  67. /* 滚动条里面轨道,能向上向下移动 */
  68. ::-webkit-scrollbar-track-piece {
  69. background-color: transparent;
  70. }
  71. ::-webkit-scrollbar-thumb {
  72. display: none;
  73. border-radius: 6px;
  74. }
  75. /* 滚动条里面的小方块,能向上向下移动 */
  76. *:hover::-webkit-scrollbar-thumb {
  77. display: flex;
  78. background-color: #808285;
  79. border-radius: 6px;
  80. }
  81. *:hover::-webkit-scrollbar-track-piece {
  82. background-color: #d1cfcf;;
  83. }
  84. }
  85. </style>
  86. </html>