(此文档仅供参考,有一定场景适应性,如不满足,需自行调整相关宏代码)
将页签下面的长横线去掉,但是保留选中时高亮的短横线
原本效果:
更改后的效果:
可添加宏代码,选择对象为组件,事件为 onBeforeRender
function main(page: IPage, portlet: IStaticTabsLinkPortlet) { portlet.appendCss('.sx-static-tabs-link-view .el-tabs__header.is-bottom:after, .sx-static-tabs-link-view .el-tabs__header.is-top:after, .sx-static-tabs-link-view .el-tabs__nav-wrap.is-bottom:after, .sx-static-tabs-link-view .el-tabs__nav-wrap.is-top:after', '{height: 0px;width: 100%;left: 0; bottom: 0;background-color: #e4e7ed;z-index: 1}'); } |
注意:该宏示例会将页面所有页签的横线去掉。