如何使用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增加即可
注意:一定要重启,不然会报错