自定义微信登录扫码的样式

官网给的解决方案是通过链接找到css文件并进行样式修改。

不幸的是，在href中传入样式文件的地址，会报错。貌似微信为了安全考虑，只允许访问https的资源。于是现在采用第二种解决办法data-url。

 

通过nodejs执行脚本，输出data-url，具体步骤：

1.官网下载nodejs https://nodejs.org/en/

2.编写脚本

var fs = require("fs");

// function to encode file data to base64 encoded string
function base64_encode(file) {
  // read binary data
  var bitmap = fs.readFileSync(file);
  // convert binary data to base64 encoded string
  return "data:text/css;base64," + new Buffer(bitmap).toString("base64");
}

console.log(base64_encode("./wxstyle.css"));// css文件和js文件在同一个文件夹下

3.执行脚本

 

 4.将得到的base64字符串复制到href中