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

自定义微信扫码样式修改

作者: 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