标签：vue 图标库 iconfont 附图 点击 添加 搜索 图标

步骤一: 搜索

浏览器搜索 iconfont , 进入 iconfont 官网
附图:

 

 

 

步骤二: 查找

1. 搜索你想要的图标
附图 :

 

 
2. 选择(多个)你想要的图标, 点击第一个 添加入库 , 即可在右上角购物车样式的 库 中查看已经添加的图标
附图 :

 

 

 3. 点击右上角购物车样式的 库 之后, 点击 添加至项目
附图 :

 

 4. 新增一个项目(名称随便起), 点击 确定
附图 :

 

 

 5. 选择第二个 fontclass 后, 点击 暂无代码,点此生成
附图 :

 

 

 6. 点击 点此复制代码
附图 :

 

 

 7、在html中引入

 

 

8、在Vue中使用

 

 到此, 阿里巴巴字体图标 已经可以在 vue项目中使用 !

搜索

复制

标签：vue,图标库,iconfont,附图,点击,添加,搜索,图标
来源： https://www.cnblogs.com/yangyuanning/p/16261342.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。