elementui的tab如何设置tab标题的字体和每个tab的宽度

可以使用elementui的tab组件的属性来设置tab标题的字体和每个tab的宽度。

设置tab标题的字体可以使用tab组件的label-class属性，例如：

<el-tabs>
  <el-tab-pane label="Tab 1" label-class="my-label-class">Tab 1 content</el-tab-pane>
  <el-tab-pane label="Tab 2" label-class="my-label-class">Tab 2 content</el-tab-pane>
</el-tabs>

在上面的例子中，label-class属性设置为"my-label-class"，然后在CSS中定义该类，例如：

.my-label-class {
  font-size: 16px;
  font-weight: bold;
}

这将设置tab标题的字体为16px粗体。

设置每个tab的宽度可以使用tab组件的stretch属性，例如：

<el-tabs stretch>
  <el-tab-pane label="Tab 1">Tab 1 content</el-tab-pane>
  <el-tab-pane label="Tab 2">Tab 2 content</el-tab-pane>
</el-tabs>

在上面的例子中，stretch属性设置为true，这将使每个tab平均分配宽度。如果您想设置每个tab的固定宽度，可以使用CSS来实现。例如：

.el-tabs__nav-wrap::before {
  width: 100px;
}

这将设置每个tab的宽度为100px。注意，这可能会导致tab标题过长或过短，因此您可能需要调整CSS或使用其他方法来解决这个问题。