美文网首页
自定义微信扫码样式修改

自定义微信扫码样式修改

作者: Dolores_520 | 来源:发表于2019-01-07 14:35 被阅读0次
new WxLogin({
    "id": "wechatCode",
    "appid": data.appid,
    "response_type" : data.response_type,
    "scope": data.scope,
    "redirect_uri": data.redirect_uri,
    "state": data.state,
    "href": "data:text/css;base64,QGNoY...""
});

微信登录二的维码是通过iframe引入的,所以样式无法直接修改,可以通过以下2种方式进行修改:
方法一:使用node的readFileSync node 编译以下代码粘贴到上面的href中

const path = require("path");
const { version } = require("./package.json");
const fs = require("fs");

function base64_encode(file) {
    var bitmap = fs.readFileSync(file);
    return "data:text/css;base64,"+new Buffer(bitmap).toString("base64");
}
console.log(base64_encode("./src/assets/css/QRcode.css"));

方法二:href中引入"https://"的样式路径

相关文章

网友评论

      本文标题:自定义微信扫码样式修改

      本文链接:https://www.haomeiwen.com/subject/qqfurqtx.html