uniapp加载svg小圆圈在手机上和浏览器上显示的不一样

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

在进行 小程序开发之前，你首先需要一个 小程序账号，才能进行开发设计。点击公众平台的链接，正登陆和注册之间，选择注册。你会看到有好几个选择，如订阅号、企业号、服务号和小程序，选择小程序点击确定；小程序注册的前提是，没有注册过任何的微公众平，如未注册过订阅号、服务号之类的。邮箱要求也是“未被公众平台注册，未被开放平台注册，未被个人 号绑定的邮箱”；根据自己的信息，进行邮箱的填写和密码的输入。如果邮箱正确就没有错误提示，在明确密码以及重复确认密码之后，输入验证码，勾选协议就可以实现注册；在点击注册之后，会有一个邮箱的验证，登录邮箱，在收件箱你会看到一个weixinteam的邮件，打开，点击验证链接。点击验证链接之后，会直接跳转到注册的第三步，信息的登记填写，选择相应的小程序主体类型，可以看到只有四个选项，选择；主体选择类型之后，可以看到需要类型、名称、营业等。如果是个人的话，可以随便写一下，到时候会验证失败，不影响小程序的测试，直接进行下面管理员信息登记；在管理员身份认证的时候，需要填写身份z、姓名、手机号、以及手机号验证和 管理员的身份验证等。点击确定之后，会d出一个信息确认的消息（一经确定就不能更改的消息）。然后点击确定，就会告诉你信息填写完整，但是审核还未通过，但是可以测试小程序了。进入主体之后，就可以各种测试、开发小程序了。当然如果上线测试的话，还是需要验证通过才可以。

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

---