vue如何更改element ui 字体大小

可以通过以下两种方法更改 Element UI 的字体大小：

1. 使用全局样式覆盖 Element UI 的样式：在全局 CSS 样式文件中，对 Element UI 的样式进行调整，例如：

/* 覆盖 Element UI 默认字体大小 */
.el-form-item__label {
  font-size: 14px;
}

.el-form-item__content {
  font-size: 14px;
}

2. 使用 Element UI 提供的自定义主题功能：在 `element-variables.scss` 文件中，设置 `$--font-size` 变量即可更改 Element UI 的字体大小：

/* 自定义主题 */
$--font-size: 14px; // 设置字体大小为 14px

@import "~element-ui/packages/theme-chalk/src/index";

然后在 `main.js` 中引入 `element-variables.scss` 文件即可：

import 'element-ui/lib/theme-chalk/index.css';
import '@/styles/element-variables.scss';

注意：使用自定义主题需要先安装 `sass-loader` 和 `node-sass`，并且需要重启项目才能生效。