在ElementUI中字体大小
时间: 2024-02-27 18:55:17 浏览: 55
封装ElementUI组件el-tree
在ElementUI中,可以通过设置全局 CSS 变量来改变字体大小。具体步骤如下:
1. 打开 `src/styles/variables.scss` 文件;
2. 找到 `$--font-size-base` 变量,该变量控制全局字体大小;
3. 修改该变量的值,例如将其设置为 `14px`;
4. 重新编译项目,即可看到字体大小的变化。
除了全局字体大小,还可以通过在组件中使用 `style` 属性来单独控制某个组件的字体大小。例如:
```vue
<el-button style="font-size: 16px;">点击</el-button>
```
这样就可以将该按钮的字体大小设置为 `16px`。
阅读全文