Element-Ui组件(二)Icon 图标

Element-Ui组件(二)Icon 图标

本文参考Element官方文档:

http://element-cn.eleme.io/#/zh-CN/component

基本用法
Element内置丰富的图标库,主要有以下2种用法:

  1. 设置类名el-icon-xxx,通常使用i元素
  2. Element部分组件中设置icon属性

页面效果
以下是通过上述两种用法制作的简单导航工具条:
在这里插入图片描述

示例代码






内置图标
以下为Element 2.8.2版本提供的所有图标:
Element-Ui组件(二)Icon 图标_第1张图片Element-Ui组件(二)Icon 图标_第2张图片
Element-Ui组件(二)Icon 图标_第3张图片
Element-Ui组件(二)Icon 图标_第4张图片
Element-Ui组件(二)Icon 图标_第5张图片
Element-Ui组件(二)Icon 图标_第6张图片
Element-Ui组件(二)Icon 图标_第7张图片

你可能感兴趣的:(Vue.js)