index.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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. <script src="/static/plugins/createAuth.js"></script>
  16. </head>
  17. <body>
  18. <noscript>
  19. <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
  20. Please enable it to continue.</strong>
  21. </noscript>
  22. <div id="app"></div>
  23. <!-- built files will be auto injected -->
  24. </body>
  25. <style>
  26. :root {
  27. /* 滚动条整体部分,必须要设置 */
  28. ::-webkit-scrollbar {
  29. width: 6px;
  30. height: 10px;
  31. overflow-y: overlay;
  32. }
  33. /* 滚动条里面轨道,能向上向下移动 */
  34. ::-webkit-scrollbar-track {
  35. background-color: transparent;
  36. }
  37. /* 滚动条里面轨道,能向上向下移动 */
  38. ::-webkit-scrollbar-track-piece {
  39. background-color: transparent;
  40. }
  41. ::-webkit-scrollbar-thumb {
  42. display: none;
  43. border-radius: 6px;
  44. }
  45. /* 滚动条里面的小方块,能向上向下移动 */
  46. *:hover::-webkit-scrollbar-thumb {
  47. display: flex;
  48. background-color: rgb(163, 166, 173, 0.5);
  49. border-radius: 6px;
  50. }
  51. *:hover::-webkit-scrollbar-track-piece {
  52. background-color: rgb(209, 207, 207, 0);
  53. }
  54. }
  55. </style>
  56. </html>