Vue Element-UI使用第三方icon图标(转)
2024-08-28 09:27:05
转载自:https://www.jianshu.com/p/59dd28f0b9c9
1.打开阿里icon,注册 >登录>图标管理>我的项目
2.新建项目
3. 添加icon到项目中
在图标库中找到想要的icon后,加入购物车,然后点击右上角的购物车,把icon添加到你的项目里吧~
设置fontClass,然后下载到本地
5.下载后进行解压。解压后修改其中iconfont.css文件
注意:el-icon-ali是你之前设置的icon前缀,第二个el-icon-ali前边有空格的
6.上边设置好以后,打开vue项目,在src-assets下创建了icon文件夹,将所有的文件复制了过来
在main.js里边把css引进来
然后重新npm run dev 一下
7.打开在阿里icon的项目,复制你想要的图标代码
使用两种引用方式,跟element自带的使用方法一样
<el-button icon="el-icon-alifresh" size="small" circle @click="updateNum"></el-button>
<i class="el-icon-alifresh"></i>
最新文章
- MYsql 数据库密码忘记(Linux)
- 斐讯Fir302b救砖教程
- Qt之指针与float--setNum使用
- scrollView中的pagingEnabled的功能
- 向Array中添加改进的冒泡排序
- Android 基于Socket的聊天室(一)
- Real-Time Rendering 3 彩图
- Emberjs View and Route
- [IOS开发进阶与实战]第一天:CoreData的运行机制
- 《剑指offer》 相应 在线测试地址
- linux命令详解(一)netstat
- HiveSchemaTool-Parsing failed. Reason- Unrecognized option- -dbType&#160;mysql
- linux中mariadb的安装
- 【亲测有效】Github无法访问或者访问速度的解决方案
- 洛谷P3868 [TJOI2009]猜数字(中国剩余定理,扩展欧几里德)
- [C#.Net]C#连接Oracle数据库的方法
- JavaScrip 概述 -- 前端知识
- 关于CodePlex
- 见微知著(一):解析ctf中的pwn--Fast bin里的UAF
- IDEA 开发环境中 调试Spark SQL及遇到问题解决办法