1.到阿里矢量图标官网找到需要的图标。添加进购物车。
2.打开购物车,选择下载代码
3.将下载下来的压缩包打开,打开里面的demo_index.html文件,并将压缩包里面的iconfont.ttf文件复制到项目下面的静态文件夹下。
4.将demo_index.html页面上的css代码复制到项目的index.vue文件里面的里面。
5.修改src的路径。改为自己存放iconfont.ttf文件的路径
6.给页面标签添加类名iconfont,并将图标的代码复制到标签里面
7.效果
8,如果对您有帮助,小手点一波,致谢。
在uniapp里面使用阿里矢量图标(iconfont)
最新推荐文章于 2024-05-11 16:37:28 发布