微信登陆二维码自定义样式

Question

有一个奇怪的问题,官网的文档提到了

4.网站内嵌二维码微信登录JS代码中href字段作用？

答：如果第三方觉得微信团队提供的默认样式与自己的页面样式不匹配，可以自己提供样式文件来覆盖默认样式。举个例子，如第三方觉得默认二维码过大，可以提供相关css样式文件，并把链接地址填入href字段

但是我用了他的方法,却发现无法生效,二维码还是默认的样子
代码部分如下

可以看到生成的代码中已经有了我传进去的样式表地址,但是我查看了网络面板和css样式,却发现它根本没有去加载我的css样式文件,这是为啥呢?

Answer 1

微信的页面是 https 的，出于安全考虑，浏览器会拒绝访问 http 中的资源
解决方案：

1. 改用 https

2. 使用 data-url