背景 对于前端而言，图标的发展可谓日新月异。从img标签，到雪碧图，再到字体图标，svg，甚至svg也有了类似于雪碧图的方案svg-sprite-loader。雪碧图没有什么好讲的了，只是简单地利用 ...

编写组件页面 1.在components下新建一个新建组件页面，如下所示 2.新建完成之后初始页面的代码如下所示： 3.下面从element-ui上找一个顶部导航菜单写到组件页面。 使用组件 1.引入组件 2.注册组件 3.使用 ...

1.登录iconFont官网 2.选中需要的icon，添加入库 3.添加至项目 4.添加到自己的项目中，点击更新代码，并复制此代码，并单击下载至本地 5.解压后只复制iconfont.css,放入自己的项目中并正确引入 . 6.我放到 ...

到图标的组件中写： 这样就可以引用到你想要的iconfont图标啦 ...

为什么不切图标了 以前的图标我们非常喜欢用ps等工具切成一张张xxx.png图片，如果稍微懂点移动端适配，对dpr(设备像素比)有所了解的，还会切出类似home@1x.ppng,home@2x.pn ...

在上一篇文章中介绍了如何在vue项目中使用vue-awesome，如果你想了解，请移步《vue项目中使用vue-awesome》 这里介绍一下vue项目中如何使用阿里的iconfont图标库，先看一下官网 可以看到有将近两百万的图标量，可以说我们想要的矢量图图标这里大部分都是有的，下面直接 ...

2、在Vue项目中assets文件夹下新增一个icon文件夹，将下载下来的文件解压到icon文 ...

第一步： 进入阿里矢量图标库并登录 地址：https://www.iconfont.cn 第二步： 选择项目需要的图标添加到库 第三步： 选完之后点击右上角的购物车，打开后点击添加到项目，没有就自己建一个（按钮都在同一个页面） 第四步： 添加到项目后，在弹出的页面修改项目防止 ...