在做需求时两个Card组件添加条数出现滚动条发现不美观,考虑隐藏滚动条,效果如下
在style文件上修改样式
.el-table__body-wrapper::-webkit-scrollbar {
/* width: 0;宽度为0隐藏 */
width: 0px;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
border-radius: 2px;
height: 50px;
background: #eee;
}
.el-table__body-wrapper::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 2px;
background: rgba(0, 0, 0, 0.4);
}
大功告成
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。