index.html 1.2 KB

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