uni-app中使用svg彩色图标

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app中使用svg彩色图标相关的知识,希望对你有一定的参考价值。

参考技术A 1.iconfont.cn中找到喜欢的图标添加至项目
2.找到项目选择Symbol选项

3.点击js在新窗口打开,全选复制

4.在uniapp项目新建svg.js,粘贴 复制过来的js

5.在main.js中导入svg.js文件

6.在页面中使用

icon-caomei为svg对应的id

7.效果

8.调整图标大小

9.xlink:href动态赋值

以上是关于uni-app中使用svg彩色图标的主要内容,如果未能解决你的问题,请参考以下文章

08.uni-app自定义扩展图标

在uni-app中使用阿里巴巴图标库字体图标

uni-app 顶部配置搜索框和左右图标

uni-app微信小程序开发添加iconfont图标字体

uni-app引入字体图标

uni-app 图标按钮组件封装(4.2)