问题

微信官方的代码文档

 var obj = new WxLogin({self_redirect:true,id:"login_container", appid: "", scope: "", redirect_uri: "",state: "",style: "",href: ""   });

其中的href：自定义样式链接，第三方可根据实际需求覆盖默认样式。详见文档底部FAQ,这是官方给出的介绍，可以引入自定义的css文件，但是必须是安全性高的，比如https，本地的相对路径是行不通的。当然如果不用https还有另一种方法

解决

利用js的new Blob()和new FileReader()
代码：

//css内容
var content =".impowerBox .qrcode {width: 200px;}.impowerBox .title {display: none;}.impowerBox .info {width: 200px;}";//记住一定要注明文件类型是cssvar blob = new Blob([content],{type: "text/css;charset=utf-8"});var reader = new FileReader();reader.readAsDataURL(blob);reader.onload = function(e) {var wxqrcode = new WxLogin({self_redirect: false, //true将页面跳转放在ifream里面   false直接跳转到要跳转的页面id: "wxqrcode",appid: "wx70e30a8cb8f91472",scope: "snsapi_login",redirect_uri:'你的回调地址',href: this.result//data:text/css;charset=utf-8;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDIwMHB4O30uaW1wb3dlckJveCAudGl0bGUge2Rpc3BsYXk6IG5vbmU7fS5pbXBvd2VyQm94IC5pbmZvIHt3aWR0aDogMjAwcHg7fQ==});};

这样就ok了

微信授权二维码样式修改相关推荐

企业微信登录二维码样式修改
在需要使用微信登录的地方实例JS对象 //引入js文件 import '../assets/api/wwLogin-1.0.0.js';window.WwLogin({"id" : ...
Vue 内嵌微信登录二维码及修改默认样式
1. index.html 引入微信官方提供的js文件 <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/w ...
微信扫码登录（new WxLogin）-二维码样式修改
一.自定义二维码样式例如: .impowerBox .qrcode {width: 180px;} .impowerBox .title {display: none;} .impowerBox . ...
仿微信个人二维码切换样式
今天产品突然让我做一个像微信一个可以换样式的二维码功能,在网上找了一下,没有发现有类似的功能,于是决定自己写一个,在此记录一下,希望对有这种需求的开发人员有帮助. 1.样式展示 2.原理说明 a.先生 ...
自定义/修改微信二维码样式
在写项目的时候遇到的一个需求,登录和注册都可以通过扫描微信的二维码来实现,但是在做的时候发现微信有一些它自带的样式,并且无法通过CSS直接修改. 通过查微信的开发者文档发现是支持修改的 wxHandl ...
微信扫码登录自定义二维码样式
微信扫码登录自定义二维码样式前言 Java生成data-url 1.工具类pom 2.代码实现将data-url赋值给href 前言今天在做web端扫码登录时,前端需要定义二维码的样式.官方文档 ...
独立版微信动态二维码活码管理系统免授权版
正文: 完整标题: 独立版微信动态二维码活码管理系统免授权版,微信活码二维码系统,带充值支付多维度的数据统计分析,实现精准营销提供数据统计报告!提供精美的分析报告,让你的微信营销数据化! 自定义域 ...
QRCode 扫描二维码、扫描条形码、相册获取图片后识别、生成带 Logo 二维码、支持微博微信 QQ 二维码扫描样式...
QRCode 扫描二维码.扫描条形码.相册获取图片后识别.生成带 Logo 二维码.支持微博微信 QQ 二维码扫描样式参考链接:https://github.com/bingoogolapple/B ...
微信扫描二维码快速登录网站
在近期的一个项目中用到了微信扫描注册.登录网站功能所以整理了下希望对读者有帮助. 首先,你需要有一个没有绑定微信.微信公众平台的邮箱注册成为微信开放平台开发者,在管理中心创建移动应用.或者网站应用获得 ...

微信授权二维码样式修改

问题

解决

微信授权二维码样式修改相关推荐

最新文章

热门文章