index.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE html>
  2. <html lang="" class="dark">
  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. <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  8. <title>
  9. <%= htmlWebpackPlugin.options.title %>
  10. </title>
  11. <link rel="stylesheet" href="/static/css/reset.css">
  12. <script src="/static/config/config.js"></script>
  13. <script src="/static/plugins/Cesium/Cesium.js"></script>
  14. <link rel="stylesheet" href="/static/plugins/Cesium/Widgets/widgets.css">
  15. </head>
  16. <body>
  17. <noscript>
  18. <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
  19. Please enable it to continue.</strong>
  20. </noscript>
  21. <div id="app"></div>
  22. <!-- built files will be auto injected -->
  23. </body>
  24. <style>
  25. :root {
  26. /* 滚动条整体部分,必须要设置 */
  27. ::-webkit-scrollbar {
  28. width: 6px;
  29. height: 10px;
  30. overflow-y: overlay;
  31. }
  32. /* 滚动条里面轨道,能向上向下移动 */
  33. ::-webkit-scrollbar-track {
  34. background-color: transparent;
  35. }
  36. /* 滚动条里面轨道,能向上向下移动 */
  37. ::-webkit-scrollbar-track-piece {
  38. background-color: transparent;
  39. }
  40. ::-webkit-scrollbar-thumb {
  41. display: none;
  42. border-radius: 6px;
  43. }
  44. /* 滚动条里面的小方块,能向上向下移动 */
  45. *:hover::-webkit-scrollbar-thumb {
  46. display: flex;
  47. background-color: #808285;
  48. border-radius: 6px;
  49. }
  50. *:hover::-webkit-scrollbar-track-piece {
  51. background-color: #d1cfcf;;
  52. }
  53. }
  54. </style>
  55. </html>