微信官方开发文档地址:https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html
当微信团队提供的默认样式与自己的页面样式不匹配,可以自己提供样式文件来覆盖默认样式。
如需修改以下样式:
.impowerBox .qrcode {width: 200px;}
.impowerBox .title {display: none;}
.impowerBox .info {width: 200px;}
.status_icon {display: none}
.impowerBox .status {text-align: center;}
将以上css代码需要用Base64 在线编码,Base64 在线编码地址:https://base64.us/
将编码好的代码复制到href属性值中
new window.WxLogin({
id: "wechat",
appid,
redirect_uri,
response_type: "code",
scope: "snsapi_login",
state,
href:"data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDIwMHB4O30KLmltcG93ZXJCb3ggLnRpdGxlIHtkaXNwbGF5OiBub25lO30KLmltcG93ZXJCb3ggLmluZm8ge3dpZHRoOiAyMDBweDt9Ci5zdGF0dXNfaWNvbiB7ZGlzcGxheTogbm9uZX0KLmltcG93ZXJCb3ggLnN0YXR1cyB7dGV4dC1hbGlnbjogY2VudGVyO30g"
});