(此文档仅供参考,有一定场景适应性,如不满足,需自行调整相关宏代码)

实现效果

将页签下面的长横线去掉,但是保留选中时高亮的短横线

原本效果:

更改后的效果:



解决方案

可添加宏代码,选择对象为组件,事件为 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}');
}




注意:该宏示例会将页面所有页签的横线去掉。