用途:该技能面向 Element Plus 的排版设计规范,当需要了解字体约定、设置跨平台 font-family、统一文本样式或管理字号与行高时调用。
主要能力:提供 Element Plus 的字体栈、字号变量、字重变量与行高变量,并给出 Text 组件的样式用法。字体栈为 Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif,兼顾现代字体与中英文跨平台回退。字号变量包括 --el-font-size-extra-large 20px、large 18px、medium 16px、base 14px、small 13px、extra-small 12px;字重变量为 --el-font-weight-primary 500 与 --el-font-weight-secondary 100;行高变量为 --el-font-line-height-primary 24px 与 --el-font-line-height-secondary 16px。
使用方式:通过 CSS 变量引用,例如标题用 var(--el-font-size-extra-large),正文用 var(--el-font-size-base),强调文本用 var(--el-font-weight-primary),正文行高用 var(--el-font-line-height-primary)。也可使用 el-text 组件,支持 type(primary、success、warning、danger、info)、size(large、default、small)、truncated 截断与 line-clamp 行数限制。
适用场景:需要统一 Element Plus 项目排版层级、保证中英文跨平台显示一致、或为文本组件选择语义化样式时。
限制:资料未提供安装命令、版本要求、浏览器兼容细节及收费信息;深色模式自动调整与中文优化字体仅为资料中的说明,具体表现暂未提供更多细节。