修改滚动条颜色

src/App.vue

@@ -14,12 +14,12 @@ import { EventBus } from 'base-core-lib'
 export default {
   name: 'App',
   components: { RookieTraining },
-  provide () {
+  provide() {
     return {
       reload: this.reload // 将reload方法导出
     }
   },
-  data () {
+  data() {
     return {
       isRouterAlive: true
     }
@@ -28,28 +28,28 @@ export default {
     ...mapGetters(['isLoadding', 'roles'])
   },
   watch: {
-    $route (to, from) {
+    $route(to, from) {
       EventBus.$emit('routerCheck', { to, from })
     }
   },
-  created () {
+  created() {
     if (window.location.host === 'winsea.com') {
       window.location.href = 'https://www.winsea.com'
       return
     }
     // EventBus.$emit('dayTheme')
   },
-  mounted () {
+  mounted() {
     // setTimeout(() => {
     // 设置灰度模式
     // toggleGrayMode(true)
     // }, 2000);
   },
   methods: {
-    reload () {
+    reload() {
       // reload实现
       this.isRouterAlive = false
-      this.$nextTick(function () {
+      this.$nextTick(function() {
         this.isRouterAlive = true
       })
     }
@@ -62,31 +62,28 @@ export default {
   height: 100%;
   overflow: hidden;
 }
-.flex{
-  display:flex;
+.flex {
+  display: flex;
 }
-.gird{
-  display:gird;
+.gird {
+  display: gird;
 }
-.el-select-dropdown .el-scrollbar .el-scrollbar__wrap
-{
-overflow: scroll!important;
+.el-select-dropdown .el-scrollbar .el-scrollbar__wrap {
+  overflow: scroll !important;
 }
-.el-table .el-scrollbar .el-scrollbar__wrap
-{
-overflow: scroll!important;
+.el-table .el-scrollbar .el-scrollbar__wrap {
+  overflow: scroll !important;
 }
 ::-webkit-scrollbar {
-    width: 0!important;
-    height: 10px!important;
+  width: 0 !important;
+  height: 10px !important;
 }
 ::-webkit-scrollbar-thumb {
-    background:#424B71!important;
-    border-radius: 0!important;
-    width: 0!important;
-    height: 10px!important;
+  height: 8px !important;
+  background: #dadce7;
+  border-radius: 4px !important;
 }
 ::-webkit-scrollbar-track-piece {
-    background: #d3dce6;
+  background: #f9fafe !important;
 }
 </style>