1. 确定el-tab下划线的样式来源 在Element Plus的el-tabs组件中,下划线通常是通过CSS类.el-tabs__item.is-active的border-bottom属性来呈现的。因此,我们需要覆盖或移除这个属性。 2. 编写CSS样式以覆盖或移除下划线 你可以编写一个CSS规则来覆盖.el-tabs__item.is-active的border-bottom属性,将其设置为none。
在vue项目中使用element-UI el-tab里的el-tab-pane是循环出来的,但是循环出来后选中tab不显示下划线了 问题 问题展示效果 问题代码 <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane v-for="item in model_creation_list" :label="item.abbreviation" :name="item.id ">{{ item....
[Style] [tabs, tab-pane] 给el-tabs__item的style添加 padding-lert right !important 导致只有一个ElTabPane的时候下划线长度计算错误 Bug Type:Style Environment Vue Version:3.4.27 Element Plus Version:2.7.3 Browser / OS:UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (...
在vue项目中使用element-UI el-tab里的el-tab-pane是循环出来的,但是循环出来后选中tab不显示下划线了 问题 问题展示效果 问题代码 <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane v-for="item in model_creation_list" :label="item.abbreviation" :name="item.id ">{{ item....