微信扫码登录自定义二维码显示信息

微信扫码登录,自定义二维码显示信息

<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script>
    $(document).ready(function() {
        var obj = new WxLogin({
            id: "wx_login",
            appid: "wxa65628e289eadd24",
            scope: "snsapi_login",
            redirect_uri: encodeURIComponent("http://oa.onmycard.com.cn/index/login/test"),
            state: Math.ceil(Math.random() * 1000),
            style: "white",
            href: "https://..........xxx.css"
        });
    })
</script>

二维码的css文件就是 href:" "里面的文件,找到文件位置

.impowerBox .qrcode {width: 100px;}
.impowerBox .title {display: none;}
.impowerBox .info {width: 100px;}
.status_icon {display: none}
.impowerBox .status {text-align: center;}

qrcode 定义二维码图片格式
title: 定义二维码头部信息 ‘微信登录’ 几个字的格式
info: 定义二维码下面的 '请使用微信扫描二维码登录 " 应用名称 " ’ 这里的格式;
status : 定义格式;

//根据需要改变,隐藏头部信息或者隐藏底部的 “使用微信扫描二维码登录"应用名称”"

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章