想要去掉标签页中的侧边样式要怎么实现
// 1.在el-tabs 标签上加个 class="tab-item"
.tab-item /deep/ .el-tabs__nav-wrap::after {
height: 0;
}
###找到样式 隐藏掉
###<style>
.你的页面class .el-tabs__active-bar{
background-color: transparent;
}
</style>
在你页面加样式,注意不要用scoped
###修改element-ui组件样式需要在全局模式中修改才能生效,或利用行内样式在标签中添加所需样式
`<style lange="less">
.el-tabs_active-bar {
background: none
}
</style>`
也可以直接在App.vue
的<style></style>
添加要修改的样式
注意不要污染其他页面中的tag,最好在样式最外层加上本页面最外层的class
名
添加新的class="tabs-newcon"
.tabs-newcon /deep/{
.el-tabs__active-bar{
background: transparent;
}
.el-tabs__nav-wrap::after {
height: 0;
}
}