自定义微信扫码样式修改

2019-01-07  本文已影响0人  Dolores_520
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://"的样式路径

上一篇 下一篇

猜你喜欢

热点阅读