element-plus的tabs组件最右侧按钮是无法自定义的,且图标看上去没有居中。
可以通过修改css达到以下效果
<style lang="scss" scoped>
::v-deep(.el-tabs__new-tab){
display: flex;
align-items: center;
justify-content: center;
height: 24px;
width: 84px;
border-color:var(--color-primary);
color:var(--color-primary);
&:after{
position: absolute;
content: '创建';
}
.is-icon-plus{
display: none;
}
}
</style>