ElementUI 是一款基于 Vue.js 的前端 UI 框架,它提供了丰富的组件库,可以帮助开发者快速构建 Web 应用。ElementUI 也提供了一套完整的字体图标库,可以让开发者在项目中使用。
ElementUI 字体图标库包含了多种字体图标,如网站图标、文件夹图标、购物车图标、日历图标等。这些字体图标都是由 ElementUI 设计师制作的,具有独特的风格和丰富的内容。
// 在项目中使用 ElementUI 字体图标 import { Icon } from 'element-ui' Vue.use(Icon)
使用 ElementUI 字体图标非常简单,只需要在 Vue 项目中引入 Icon 组件即可。然后就可以在页面中使用 标签来显示字体图标了。
ElementUI 字体图标库不仅有丰富的内容,而且还有多种尺寸和颜色供开发者选择,能够满足不同场景下的需要。此外,ElementUI 还提供了一套 SVG 图表库,能够帮助开发者快速创建出各种形态的数据可视化效果。
我们对字体进行统一规范,力求在各个操作系统下都有最佳展示效果。
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
主标题 | 用 Element 快速搭建页面 | 20px Extra large |
---|---|---|
标题 | 用 Element 快速搭建页面 | 18px large |
小标题 | 用 Element 快速搭建页面 | 16px Medium |
正文 | 用 Element 快速搭建页面 | 14px Small |
正文(小) | 用 Element 快速搭建页面 | 13px Extra Small |
辅助文字 | 用 Element 快速搭建页面 | 12px Extra Extra Small |
用于选择或输入日期选择日以「日」为基本单位,基础的日期选择控件基本单位由type属性指定。快捷选项需配置shortcuts,禁用日期...
本文档将帮助你从 Element 2.x 升级至 Element Plus.不兼容更新以下是不兼容更新的列表本文档有待完善,目前请参考这里的不兼容...
Icon 图标提供了一套常用的图标集合。Element Plus 团队正在将原有组件内的Font Icon向SVG Icon迁移,请多多留意ChangeLog, 及时...
在一组备选项中进行单选基础用法由于选项默认可见,不宜过多,若选项过多,建议使用 Select 选择器。要使用 Radio 组件,只需要...
Switch 开关表示两种相互对立的状态间的切换,多用于触发「开/关」。基本用法绑定v-model到一个Boolean类型的变量。可以使用acti...
DatePicker 日期选择器用于选择或输入日期选择日以「日」为基本单位,基础的日期选择控件基本单位由type属性指定。通过shortcuts...
Tag 标签用于标记和选择。基础用法由type属性来选择 tag 的类型,也可以通过color属性来自定义背景色。templateel-tag标签一/el-...
Bootstrap4提供了一些有代表意义的颜色类,如:.text-muted,.text-primary,.text-success,.text-info,.text-warning,.text-dange...
graphic.elements[i]-rectECharts 设置矩形元素。graphic.elements[i]-rect.type |string[ default: rect ]用 setOption 首次设...
ECharts 中有两种方式的地图区域处理:一种是在geo中;另一种是在series-map中geo的情况下 :events.geoselectchanged | EventAC...