index.html 1.6 KB

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