iView-admin2.0脚手架无法使用阿里iconfont的font class的解决办法

按照官方文档引入无显示, 查看html发现<icons type="mm" />是编译成<i class="iconfont icon-mm" style="font-size: 16px; color: rgb(92, 107, 119);"></i>

文档地址: https://lison16.github.io/iview-admin-doc/#/icons

原因是因为新建的iconfont前缀默认是icon没有横杠(默认)

为了适配iView-admin最好的解决办法就是修改项目信息, 或者新建项目的时候加上- , 如下图:

如果没有权限就只能一个个手动添加横杠了, 如下图:

顺便拓展一下:

font class的在线地址引用方法是在vue的index.html上添加: <link rel="stylesheet" href="http://at.alicdn.com/t/font_xxxx_xxxx.css">