阿里云矢量图标库添加图标
首先去官网选择你喜欢的图标你可以在这搜索你想要的图标,选择好之后便把他添加到红色小车里
官网网址:https://www.iconfont.cn/
图标添加至项目
点击顶部的购物车,然后选择添加至项目(没有的可以自己建一个)
uniapp项目中引入
进去我的项目之后,将下面的链接在浏览器打开。在Hbuilder中你创建的项目里新建一个common目录,然后在里面新建一个iconfont.css文件,将刚刚在浏览器打开的样式复制进去:
接下来就在App.vue中引入:然后在布局中使用:
<icon class="iconfont icon-shouye"></icon>
上面的“icon-shouye”是图标的名字