在全局样式APP.vue的style中设置如下代码:
//App.vue
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
width: 3px;
/*滚动条宽度*/
height: 3px;
/*滚动条高度*/
background-color: #e6eaee;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(202, 202, 202, 0.3);
background-color: #bdc6ce;
/*滚动条的背景颜色*/
}