vue全局修改设置滚动条样式

vue全局修改设置滚动条样式

具体代码：

::-webkit-scrollbar{ /*滚动条整体样式*/width: 6px; /*高宽分别对应横竖滚动条的尺寸*/height: 1px;
}
::-webkit-scrollbar-thumb{ /*滚动条里面小方块*/border-radius: 5px;background: #cfcbcb;
}
::-webkit-scrollbar-track{ /*滚动条里面轨道*/border-radius: 6px;background: #ededed;
}

配置方法：

1. 找到项目src文件下全局index.scss 活index.css目标文件，将上述代复制进目标文件里。
2. 找到main.js文件引入上述全局css文件

// mian.js 
import "@/styles/index.scss"; // global css