三合一收款码(美化版新增多个QQ微信支付宝收款)

前言:基于孟坤的三合一收款码修改,添加了多个QQ,微信,支付宝收款,美化了一下样式源码自适应。不多BB先看图

三合一美化版 – 小王百科

演示地址:https://www.xwbk.me/ds.html

获取到各自的收款二维码截图。

用二维码识别工具(如 https://cli.im/deqr/) 上传二维码图片并获取到二维码中的收款链接。

分别修改

//QQURL
qqUrl: "https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&f=wallet&a=1&ac=5EC55E3B228AA2A6B63FF8936999B3195596E6985312BE2AD4E23A9221CCBF2D&u=1443454447&n=%E9%85%92%E8%AF%9D",
//微信URL
wechatUrl: "wxp://f2f0G0YDFEzKBtea3W3i3Ak4P00oE_8zYXQs",
//支付宝URL
aliUrl: "https://qr.alipay.com/fkx00672qqy3blqwwzonn58",

如果是多个QQ微信支付宝请修改

//PS这里的1请根据自己的情况定!
//微信URL
WXurl[1]="wxp://f2f0G0YDFEzKBtea3W3i3Ak4P00oE_8zYXQs";
//QQURL
QQurl[1]="https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&f=wallet&a=1&ac=5EC55E3B228AA2A6B63FF8936999B3195596E6985312BE2AD4E23A9221CCBF2D&u=1443454447&n=%E9%85%92%E8%AF%9D";
//支付宝URL
ZFBurl[1]="https://qr.alipay.com/fkx00672qqy3blqwwzonn58";

在实际应用中发现多个QQ微信支付宝收款如果仅仅添加单一的收款码会出现二维码识别错误,所有本文下载地址仅仅是单一的源码。多需多个收款方式,看下文。

在文件第十行后添加如下代码

<!-- 多个微信跳转 Start -->
  <script>
    var lengthWXUrl=3;//这里是具体的数量
  var rndWX=Math.floor(Math.random()*lengthWXUrl);
  var WXurl=new Array(lengthWXUrl);
        WXurl[1]="wxp://f2f0G0YDFEzKBtea3W3i3Ak4P00oE_8zYXQs";//这里是对应的链接
        WXurl[2]="wxp://f2f0G0YDFEzKBtea3W3i3Ak4P00oE_8zYXQs";
        WXurl[3]="wxp://f2f0G0YDFEzKBtea3W3i3Ak4P00oE_8zYXQs";
  var WeiXinUrl=WXurl[rndWX];
  </script>
  <!-- 多个微信跳转 End -->
  <!-- 多个QQ跳转 Start -->
  <script>
    var lengthQQUrl=3;//这里是具体的数量
  var rndQQ=Math.floor(Math.random()*lengthQQUrl);
  var QQurl=new Array(lengthQQUrl);
        QQurl[1]="https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&f=wallet&a=1&ac=5EC55E3B228AA2A6B63FF8936999B3195596E6985312BE2AD4E23A9221CCBF2D&u=1443454447&n=%E9%85%92%E8%AF%9D";//这里是对应的链接
        QQurl[2]="https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&f=wallet&a=1&ac=5EC55E3B228AA2A6B63FF8936999B3195596E6985312BE2AD4E23A9221CCBF2D&u=1443454447&n=%E9%85%92%E8%AF%9D";
        QQurl[3]="https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&f=wallet&a=1&ac=5EC55E3B228AA2A6B63FF8936999B3195596E6985312BE2AD4E23A9221CCBF2D&u=1443454447&n=%E9%85%92%E8%AF%9D";
  var QEUrl=QQurl[rndQQ];
  </script>
  <!-- 多个QQ跳转 End -->
  <!-- 多个ZFB跳转 Start -->
  <script>
    var lengthZFBUrl=3;//这里是具体的数量
  var rndZFB=Math.floor(Math.random()*lengthZFBUrl);
  var ZFBurl=new Array(lengthZFBUrl);
        ZFBurl[1]="https://qr.alipay.com/fkx00672qqy3blqwwzonn58";//这里是对应的链接
        ZFBurl[2]="https://qr.alipay.com/fkx00672qqy3blqwwzonn58";
        ZFBurl[3]="https://qr.alipay.com/fkx00672qqy3blqwwzonn58";
  var ZFBSUrl=ZFBurl[rndZFB];
  </script>
  <!-- 多个ZFB跳转 End -->

修改

<script>
var setting = {
    qqUrl: "https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&f=wallet&a=1&ac=5EC55E3B228AA2A6B63FF8936999B3195596E6985312BE2AD4E23A9221CCBF2D&u=1443454447&n=%E9%85%92%E8%AF%9D",
    wechatUrl: "wxp://f2f0G0YDFEzKBtea3W3i3Ak4P00oE_8zYXQs",
    aliUrl: "https://qr.alipay.com/fkx00672qqy3blqwwzonn58",
    qrcodeApi: "http://www.kuaizhan.com/common/encode-png?large=true&data="    
    /**
    备用二维码api:
    http://s.jiathis.com/qrcode.php?url=
    http://www.kuaizhan.com/common/encode-png?large=true&data=
    http://b.bshare.cn/barCode?site=weixin&url=
    http://pan.baidu.com/share/qrcode?w=150&h=150&url=
    */
}
</script>

修改为

<script>
var setting = {
    qqUrl: QEUrl,
    wechatUrl: WeiXinUrl,
    aliUrl: ZFBSUrl,
    qrcodeApi: "http://www.kuaizhan.com/common/encode-png?large=true&data="    
    /**
    备用二维码api:
    http://s.jiathis.com/qrcode.php?url=
    http://www.kuaizhan.com/common/encode-png?large=true&data=
    http://b.bshare.cn/barCode?site=weixin&url=
    http://pan.baidu.com/share/qrcode?w=150&h=150&url=
    */
}
</script>

有什么不懂得留言反馈!

本站所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自小王百科

本文链接:https://www.xwbk.me/103.html

小王百科 » 三合一收款码(美化版新增多个QQ微信支付宝收款)

发表评论