el-tabs修改字体大小

在Element UI库中的el-tabs组件，如果你想更改其内部标签的字体大小，可以在使用`<el-tabs>`标签时添加对应的CSS样式。通常，你可以通过`.el-tabs__item`这个类来选择你需要改变字体大小的元素，然后设置`.font-size`属性。下面是一个示例：

<style>
.el-tabs__item {
  font-size: 14px; /* 可以根据需要调整数值 */
}
</style>

<el-tabs>
  <el-tab-pane label="Tab 1">内容1</el-tab-pane>
  <el-tab-pane label="Tab 2">内容2</el-tab-pane>
  <!-- 其他tab... -->
</el-tabs>

这样，所有标签的文字大小都会按照你设定的值显示。

如果你只想针对特定的标签动态更改字体大小，可以给每个`<el-tab-pane>`添加额外的自定义类，然后在JavaScript里根据状态改变该类的样式：

// 示例
this.$refs.tabs.$refs.panes.forEach(tab => {
  if (tab.isActive) { // 如果当前标签是活动状态
    tab.$el.classList.add('custom-font');
  } else {
    tab.$el.classList.remove('custom-font');
  }
});

// CSS
.custom-font {
  font-size: 16px; /* 自定义字体大小 */
}