说实话,之前用阿里CDN引入Iconfont库还是蛮方便的,可惜的是最近阿里宣布停止CDN服务,原来的iconfont现在要下载到本地使用了。
在Vue中,引入外部库还是比较简单的,这里稍微提一下,方便初次涉及到这个问题的朋友参考。
首先,下载阿里库的图标文件,解压后,拷入在public中建立的css/iconfont文件夹中,如图:
然后,在index.html添加引用,分为两部分,静态图标和svg图标,后者以js文件引入。
上述步骤完成后,就可以正常地使用图标库了。
如果有多个库,可以通过建立iconfont文件夹的方式建立folder1,folder2,并在index.html添加引用即可,这里唯一要注意的问题是在public文件夹中操作,而非src中,避免资源管理被vue接管。
VUE只是个表达设计思路的工具,一个问题在不同的设计者眼中有千百种解决思路。VUE使用过程中如有其它问题和想法,欢迎随时沟通交流。
留言与评论(共有 0 条评论) “” |