当前位置: 首页 > Web前端 > vue.js

同时修改elmentUi的水平和垂直滚动条

时间:2023-03-31 16:26:26 vue.js

饿了么提供了非常多的表格组件。有时候水平滚动条和垂直滚动条的原界面比较细,不太好看。测试建议修改滚动条使其更粗更饿。所以滚动条原来的样式是:::-webkit-scrollbar{width:7px;高度:7px;background-color:transparent;}在项目中直接修改publicelementUi样式,类似于封装一个css文件,在main.js中引入.el-table__body-wrapper::-webkit-scrollbar{width:12px!important;高度:12px;}因为width会被初始化的style覆盖,所以要进行加权,这样就成功了,这样水平滚动条和垂直滚动条的宽度和滚动条高度都设置好了。如果需要修改颜色等其他样式,也可以在上面的样式中添加。