如何使用iconfont
- 首先在iconfont中添加自己的项目,然后加入自己需要的小图标,然后下载到桌面
- 将iconfont.eot,iconfont.svg,iconfont.ttf,iconfont.woff和iconfont.css下载到自己的文件中(一般放在assets目录下的styles下的iconfont文件中,iconfont.css可直接放在styles的文件中)

- 然后修改iconfont.css中的路径(data可不修改,然后删除下面的样式,只需留最上面的样式即可)

- 然后在main.js中引入,这样全局都可使用iconfont图标

- 然后在需要使用的地方使用span标签调用即可

vue如何使用全局样式
- 首先在styles目录下创建一个styl文件,当中使用$写全局样式


4. 然后在需要使用的地方,通过@import '路径’增加
5. 在需要更改的地方调用

自定义路径
在build文件下的webpack.base.conf.js中找到resolve下的alias增加即可
注意:一定要重启,不然会报错
使用Iconfont与全局样式
本文详细介绍如何在项目中使用Iconfont图标,包括添加项目、选择图标、下载资源及配置路径的方法。同时,讲解了如何在Vue项目中应用全局样式,确保风格统一。
959

被折叠的 条评论
为什么被折叠?



