codecamp

ElementPlus Typography 字体

Typography 字体

我们对字体进行统一规范，力求在各个操作系统下都有最佳展示效果。

字体

字号

层级 字体大小 举例
辅助文字 12px Extra Small 用 Element Plus 快速搭建页面

正文（小）

13px Small

用 Element Plus 快速搭建页面
正文 14px Base 用 Element Plus 快速搭建页面

小标题

16px Medium

用 Element Plus 快速搭建页面

标题

18px Large

用 Element Plus 快速搭建页面

主标题

20px Extra Large

用 Element Plus 快速搭建页面

行高

  • line-height:1 无行高
  • line-height:1.3 紧凑
  • line-height:1.5 常规
  • line-height:1.7 宽松

Font-family 代码

font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
  'Microsoft YaHei', '微软雅黑', Arial, sans-serif;


ElementPlus Color 色彩
ElementPlus Border 边框
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

ElementPlus 开发指南

ElementPlus 基础

ElementPlus 配置

ElementPlus 表单

ElementPlus 数据

ElementPlus 提示

ElementPlus 导航

ElementPlus others

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }