uniapp中如何使用iconfont

进入阿里矢量图标库将你要用的图标添加入库
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

输入项目名称点击确定

在这里插入图片描述
将下载至本地的压缩包内的.css文件里面的内容复制到uniapp中
在这里插入图片描述
在这里插入图片描述

将划红线的全部删除

在这里插入图片描述

把最后面的逗号换成分号

在这里插入图片描述

使用图标字体

小的,不红的图标为原 ’ 图标 ’
大的,红的图标是加了字体样式的 ’ 图标 ’
在这里插入图片描述

发布了9 篇原创文章 · 获赞 17 · 访问量 1360

猜你喜欢

转载自blog.csdn.net/SupAack/article/details/104541004