阿里font图标使用流程
- 一、 找到对应项目,点击下载至本地,
- 二、将下载好的压缩包解压,下图是解压后的文件夹,然后打开后将里面的文件全部复制.
- 三、在项目static目录下新建文件夹iconfont,目录结构名称自己定义都可以,将复制的文件粘贴到这个文件夹下,
- 四、在main.js全局引用,注意文件路径不要写错
- 五、在components下新建文件夹SvgIcon,里面新建index.vue文件.代码如下
- 六. 在main.js 全局注册第五步的组件
- 七. HTML中使用,item.icon内容对应你图表库里的名称,style根据需要设置你的字体图标大小
- 八. 页面中显示效果
- 九.项目增加图标后,更新的方法:先执行第一步下载zip文件,然后同样的执行第二步解压复制全部文件,再粘贴到你的iconfont文件夹下,提示'同名文件是否全部覆盖?' 全部选是. ok图标新增更新完成