博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
uni-app 小程序使用 iconfont 方法
阅读量:509 次
发布时间:2019-03-07

本文共 300 字,大约阅读时间需要 1 分钟。

之前一直使用uni插件里面的icon图标,发现还是不如iconfont多,使用起来不方便。

下面讲解一下如何引入iconfont在小程序中使用。

1、首先将选好的图标加入到项目中,点击下载至本地

2、将下载的下载压缩包解压 放到代码目录中,建议放到static中。

3、建立一个css文件,作为全局引用样式,将以一下代码放到新建的css文件中,“注意路径”

4、在man.js中引入新建的css文件

5、使用引入的图标

最后,如果更换图标,只需要替换名字即可,如果需要新增图标,请在iconfont逛网,添加至项目后重新下载代码至本地,替换已经下载的font文件即可,其他不需要更改;

转载地址:http://qxqjz.baihongyu.com/

你可能感兴趣的文章