elemtnt ui 标签页居中

在element-ui中，要使标签页居中，可以使用stretch属性，将标签页的宽度自动调整为平均宽度，并且将标签页的内容居中对齐。你可以在el-tabs组件上添加stretch属性来实现这个效果。例如：

<el-tabs v-model="activeName" stretch>
  <el-tab-pane label="账号登录" name="AccountLogin">
    -- 标签页内容
  </el-tab-pane>
  <el-tab-pane label="手机号登录" name="PhoneLogin">
    -- 标签页内容
  </el-tab-pane>
</el-tabs>

另外，如果你想要改变下划线的样式，让它以渐变色的方式滑动，你可以通过添加以下CSS样式代码来实现：

.el-tabs__active-bar {
  background-color: transparent !important;
  background-image: linear-gradient(90deg, transparent 0, transparent 27%, #4d72f6 0, #4d72f6 73%, transparent 0, transparent);
}

以上就是实现element-ui标签页居中和改变下划线样式的方法。希望对你有所帮助！