index.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  6. <title>cocoroboblockly</title>
  7. <script src="./static/Stats.min.js"></script>
  8. <script src="./static/dat.gui.min.js"></script>
  9. <!-- <script type="text/javascript" src="https://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101882546"
  10. charset="utf-8" data-redirecturi="https://fangzhen.cocorobo.cn/login" data-callback="true"></script> -->
  11. </head>
  12. <style>
  13. @charset "utf-8";
  14. div::-webkit-scrollbar {
  15. /*滚动条整体样式*/
  16. width: 6px;
  17. /*高宽分别对应横竖滚动条的尺寸*/
  18. height: 6px;
  19. }
  20. /*定义滚动条轨道 内阴影+圆角*/
  21. div::-webkit-scrollbar-track {
  22. border-radius: 10px;
  23. background-color: rgba(0, 0, 0, 0.1);
  24. }
  25. /*定义滑块 内阴影+圆角*/
  26. div::-webkit-scrollbar-thumb {
  27. border-radius: 10px;
  28. -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  29. background-color: rgba(0, 0, 0, 0.1);
  30. }
  31. .gdt::-webkit-scrollbar {
  32. /*滚动条整体样式*/
  33. width: 6px;
  34. /*高宽分别对应横竖滚动条的尺寸*/
  35. height: 10px;
  36. }
  37. /*定义滚动条轨道 内阴影+圆角*/
  38. .gdt::-webkit-scrollbar-track {
  39. border-radius: 10px;
  40. background-color: #eee;
  41. }
  42. /*定义滑块 内阴影+圆角*/
  43. .gdt::-webkit-scrollbar-thumb {
  44. border-radius: 10px;
  45. background-color: rgba(0, 0, 0, 0.1);
  46. }
  47. html,
  48. body {
  49. height: 100%;
  50. width: 100%;
  51. background: #e6eaf0;
  52. }
  53. </style>
  54. <body>
  55. <div id="app"></div>
  56. <!-- built files will be auto injected -->
  57. </body>
  58. </html>