全局滚动条样式

src/App.vue

@@ -25,4 +25,19 @@ body {
 #app {
   height: 100%;
 }
+/*滚动条样式*/
+::-webkit-scrollbar {/*滚动条整体样式*/
+    height: 5px;
+    width: 4px;
+    border-radius: 5px;
+}
+::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
+    border-radius:5px!important;
+    background: #b5b5b5!important;
+}
+::-webkit-scrollbar-track {/*滚动条里面轨道*/
+    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.2)!important;
+    border-radius: 20px!important;
+    background: transparent!important;
+}
 </style>

src/assets/css/common.css

@@ -34,18 +34,3 @@
 .w100{
     width:100px;
 }
-/*滚动条样式*/
-::-webkit-scrollbar {/*滚动条整体样式*/
-    height: 5px;
-    width: 4px;
-    border-radius: 5px;
-}
-::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
-    border-radius:5px!important;
-    background: #b5b5b5!important;
-}
-::-webkit-scrollbar-track {/*滚动条里面轨道*/
-    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.2)!important;
-    border-radius: 20px!important;
-    background: transparent!important;
-}
\ No newline at end of file