美化滚动条

/**修改全局的滚动条*/

/**滚动条的宽度*/
*::-webkit-scrollbar {
7px;
height: 10px;
background-color: transparent;
} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
*::-webkit-scrollbar-track {
background-color: #f0f6ff;
} /*定义滚动条轨道 内阴影+圆角*/
*::-webkit-scrollbar-thumb {
background-color: rgba(221, 222, 224); /*滚动条的背景颜色*/
border-radius: 6px;
}

// table滚动条的宽度
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// table滚动条的滑块
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #ddd;
border-radius: 3px;
}