字体大小
Element Plus 提供了一组字体大小的变量，你可以根据需要选择合适的字体大小。以下是一些常见的字体大小变量：
- 小号字体： $--font-size-small
- 默认字体： $--font-size-base
- 中号字体： $--font-size-medium
- 大号字体： $--font-size-large
- 特大号字体： $--font-size-huge
你可以在样式表中使用这些变量，例如：
.my-text {
font-size: $--font-size-large;
}
字体粗细
Element Plus 还提供了一组字体粗细的变量，用于控制文本的粗细程度。以下是一些常见的字体粗细变量：
- 正常字体： $--font-weight-normal
- 粗体字体： $--font-weight-bold
你可以在样式表中使用这些变量，例如：
.my-text {
font-weight: $--font-weight-bold;
}
行高
Element Plus 提供了一组行高变量，用于控制文本的行高。以下是一些常见的行高变量：
- 正常行高： $--line-height-normal
- 大行高： $--line-height-large
你可以在样式表中使用这些变量，例如：
.my-text {
line-height: $--line-height-large;
}
字体颜色
除了字体大小、粗细和行高外，Element Plus 还提供了一组字体颜色变量。例如：
- 主要文字颜色： $--text-color
- 次要文字颜色： $--text-color-light
- 禁用文字颜色： $--text-color-disabled
- 链接文字颜色： $--link-color
- 链接悬停时的文字颜色： $--link-hover-color
你可以在样式表中使用这些变量，例如：
.my-text {
color: $--text-color;
}
.my-link {
color: $--link-color;
}
.my-link:hover {
color: $--link-hover-color;
}
通过使用这些字体变量，你可以轻松地定制 Element Plus 组件中的文本样式，以满足你的项目需求。详细的字体变量和用法可以在 Element Plus 的[官方文档](https://element-plus.org/#/en-US/component/typography)中找到。
转载请注明出处：http://www.zyzy.cn/article/detail/5520/ElementPlus