index.html 1.5 KB

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