uni-app中使用svg彩色图标

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动态赋值

你好，你是想问uniapp加载svg小圆圈在手机上和电脑浏览器上显示的为什么不一样吗？uniapp加载svg小圆圈在手机上和电脑浏览器上显示的不一样是因为页面配置代码的不同导致，手机和电脑的显示不同所以页面配置代码也不一样，后台代码定义组件接口就不同。uniapp是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web响应式、以及各种小程序，比如微信、支付宝、百度、头条、QQ、钉钉、淘宝、快应用等多个平台。

---