Jelajahi Sumber

进度条样式

任一存 2 tahun lalu
induk
melakukan
cc08376a1a
1 mengubah file dengan 10 tambahan dan 0 penghapusan
  1. 10 0
      src/App.vue

+ 10 - 0
src/App.vue

@@ -10,6 +10,16 @@ html,body{
   height: 100%;
   overflow: hidden;
 }
+body {
+	::-webkit-scrollbar { width: 5px; height: 5px; } /*宽度是对垂直滚动条而言,高度是对水平滚动条而言*/
+	::-webkit-scrollbar-thumb { background: #930909; border-radius: 2.5px;}
+	::-webkit-scrollbar-button { display: none; }
+	::-webkit-scrollbar-track { background: gray; border-radius: 2.5px;}
+  // 横竖滚动条轨道交汇处
+  ::-webkit-scrollbar-corner { background: transparent; }
+  // 有必要给resizer设置border_radius吗?
+	::-webkit-scrollbar-resizer { background: transparent; }
+}
 *{
   margin: 0;
   padding: 0;