在做需要时两个 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);
}
功败垂成