首页 > 其他分享 >uni框架引入外部图标

uni框架引入外部图标

时间:2022-12-19 17:34:32浏览次数:35  
标签:框架 icons iconfont 引入 uni css 图标

说明

在使用uni框架的uni-nav-bar自定义导航栏的时候我想要引用外部的图标,但是似乎这个好像只能引入uni框架内置的图标
所以我只能把uni的图标进行增加处理,这样引入图标的方式就和正常的引入方式一样了,不过需要去修改uni-icons的文件

操作

1.下载要引入的图标

image

2.下载以后解压关注iconfont.ttf和iconfont.css两个文件

首先找到你自己项目目录下面的uni-icons的路径,然后把iconfont.ttf复制到这个目录下
找不到就检测你是否引入了uni的图标,实在不行就全局搜索一下
image
打开iconfont.css文件,找到我们要加入内置图标的
image

3.打开uni-icons的路径下的uni-icons.vue文件

image

4.打开uni-icons的路径下的uniicons.css文件

按照格式添加就行了,想要更多的图标在下面写就行了
image

5.保存然后调用

image

如果是APP记得重新运行一下基座

标签:框架,icons,iconfont,引入,uni,css,图标
From: https://www.cnblogs.com/tn666/p/16992658.html

相关文章