vue中如何使用阿里图标

首先打开 http://www.iconfont.cn/ 这个网页,然后在上方"图标管理"中点击"我的项目"

点开之后会看见如下图;

 

 

 点击右侧的logo新建自己的项目,并且会弹出如下图: 并且在图中的标注一定要注意 千万不要跟项目中的使用名字(一般是插件中的)重复,要不然会报错

建好项目后 就可以去图标库中去选择自己的图标了  (把图标收到购物车中,然后在我的项目中添加进来)选好图标后 把自己选好的图标下载到本地你实际开发的项目中(下载到那个文件根据自己喜好~~~~就行)最好放到 src 路径下的 assets 文件里.

下载到项目中后 在 main.js中引入后就可以在项目中使用了

 

  

 

上图是实际开发中使用的效果

 

posted on 2018-05-22 16:12  is-a-small-white  阅读(199)  评论(0)    收藏  举报

导航