index.html 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  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. <link rel="stylesheet" href="<%= BASE_URL %>static/plugins/Cesium/Widgets/widgets.css" />
  42. </head>
  43. <body>
  44. <noscript>
  45. <strong
  46. >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
  47. properly without JavaScript enabled. Please enable it to
  48. continue.</strong
  49. >
  50. </noscript>
  51. <div id="app"></div>
  52. <!-- built files will be auto injected -->
  53. </body>
  54. <style>
  55. :root {
  56. /* 滚动条整体部分,必须要设置 */
  57. ::-webkit-scrollbar {
  58. width: 6px;
  59. height: 10px;
  60. overflow-y: overlay;
  61. }
  62. /* 滚动条里面轨道,能向上向下移动 */
  63. ::-webkit-scrollbar-track {
  64. background-color: transparent;
  65. }
  66. /* 滚动条里面轨道,能向上向下移动 */
  67. ::-webkit-scrollbar-track-piece {
  68. background-color: transparent;
  69. }
  70. ::-webkit-scrollbar-thumb {
  71. display: none;
  72. border-radius: 6px;
  73. }
  74. /* 滚动条里面的小方块,能向上向下移动 */
  75. *:hover::-webkit-scrollbar-thumb {
  76. display: flex;
  77. background-color: #808285;
  78. border-radius: 6px;
  79. }
  80. *:hover::-webkit-scrollbar-track-piece {
  81. background-color: #d1cfcf;;
  82. }
  83. }
  84. </style>
  85. </html>