滚动条CSS

APP.vue
/* 针对整个页面的滚动条样式 /
::v-deep ::-webkit-scrollbar {
width: 6px; / 设置滚动条的宽度 /
height: 6px; / 设置滚动条的高度 */
}

::v-deep ::-webkit-scrollbar-track {
background: #f1f1f1; /* 设置滚动条轨道的背景颜色 */
}

::v-deep ::-webkit-scrollbar-thumb {
background: #888; /* 设置滚动条实际可拖动部分的颜色 */
}

::v-deep ::-webkit-scrollbar-thumb:hover {
background: #555; /* 鼠标悬浮时滚动条的颜色 */
}