1. 图标安装
npm install @element-plus/icons-vue
2. 全局导入
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import * as ELIcons from '@element-plus/icons-vue'
const app = createApp(App);
for (let iconName in ELIcons) {
app.component(iconName, ELIcons[iconName])
}
app.use(ElementPlus, {
size: 'small', locale: zhCn, zIndex: 800 });
3.基础使用
<template>
<div>
<el-icon :size="size" :color="color">
<edit />
</el-icon>
<edit />
</div>
</template>
4 其他用法官网都写到很清楚
element plus官网 => 图标