vue中使⽤iconfont(阿⾥巴巴图标库),解决iconfont只显⽰
⼩⽅框的问题
2、登录后寻所需的图标加⼊购物车
3、进⼊购物车,下⾯选择添加⾄项⽬,如果没有先新建
4、添加后选择下载⾄本地下载font⽂件。这是我下载的font⽂件列表。
5、将下⾯带有icon font字样的⽂件放⼊系统⽂件夹中。
6、main.js中引⼊iconfont.css
icon图标库import './assets/font/iconfont.css' //这是我的iconfont.css路径,font⽂件夹是我⾃⼰建的。引⼊之后就可以在项⽬中使⽤iconfont图标了
7、使⽤:(1)在我的项⽬中到刚才加进去的图标,点击复制代码
(2)在项⽬中只要把元素的classs设为iconfont + (复制的代码)就可以了
<i class="iconfont icon-jzanhao"></i>这样就可以了,后边是那个图标的名称(我是这样理解的) 前边的iconfont⼀定要有,否则就只显⽰⼩⽅框,没有图标。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论