vue全局修改设置滚动条样式
具体代码:
::-webkit-scrollbar{ /*滚动条整体样式*/width: 6px; /*高宽分别对应横竖滚动条的尺寸*/height: 1px;
}
::-webkit-scrollbar-thumb{ /*滚动条里面小方块*/border-radius: 5px;background: #cfcbcb;
}
::-webkit-scrollbar-track{ /*滚动条里面轨道*/border-radius: 6px;background: #ededed;
}
配置方法:
- 找到项目src文件下全局index.scss 活index.css目标文件,将上述代复制进目标文件里。
- 找到main.js文件引入上述全局css文件
// mian.js
import "@/styles/index.scss"; // global css