JAVA全系列 教程
3762个小节阅读:7095.3k
目录
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
Element-plus
不仅仅是提供了各种组件,同时还提供了一整套的字体图标方便开发者使用
icons
字体图标xxxxxxxxxx
npm install @element-plus/icons-vue
在项目根目录下,创建plugins
文件夹,在文件夹下创建文件icons.js
文件
xxxxxxxxxx
import * as components from "@element-plus/icons-vue";
export default {
install: (app) => {
for (const key in components) {
const componentConfig = components[key];
app.component(componentConfig.name, componentConfig);
}
},
};
在main.js
中引入icons.js
文件
xxxxxxxxxx
import elementIcon from "./plugins/icons";
app.use(elementIcon)
接下来就可以直接在组件中引入使用了
xxxxxxxxxx
<el-icon class="expand" color="#409EFC" :size="30">
<expand />
</el-icon>