Forráskód Böngészése

滚动条样式调整

任一存 2 éve
szülő
commit
2389a5affc
2 módosított fájl, 8 hozzáadás és 4 törlés
  1. 4 4
      src/App.vue
  2. 4 0
      src/views/SwkkView.vue

+ 4 - 4
src/App.vue

@@ -61,13 +61,13 @@ export default {
 
 body {
 	::-webkit-scrollbar { width: 0.25rem; height: 0.25rem; } /*宽度是对垂直滚动条而言,高度是对水平滚动条而言*/
-	::-webkit-scrollbar-thumb { background: #930909; border-radius: 2.08rem; }
-	::-webkit-scrollbar-button { background-color: transparent; height: 0; width: 0;}
-	::-webkit-scrollbar-track { background: #fff; border-radius: 2.08rem; }
+	::-webkit-scrollbar-thumb { background: #930909; }
+	::-webkit-scrollbar-button { display: none; }
+	::-webkit-scrollbar-track { background: transparent; }
   // 横竖滚动条轨道交汇处
   ::-webkit-scrollbar-corner { background: transparent; }
   // 有必要给resizer设置border_radius吗?
-	::-webkit-scrollbar-resizer { background: transparent; border-radius: 6px; }
+	::-webkit-scrollbar-resizer { background: transparent; }
 }
 // * {
 //   -webkit-touch-callout: none;

+ 4 - 0
src/views/SwkkView.vue

@@ -572,6 +572,10 @@ export default {
   }
 
   .tour-guide-wrap {
+    ::-webkit-scrollbar { width: 0; height: 0.25rem; } /*宽度是对垂直滚动条而言,高度是对水平滚动条而言*/
+    ::-webkit-scrollbar-track {
+      background: #fff;
+    }
     position: absolute;
     left: 0;
     bottom: 0;