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

最新推荐文章于 2024-07-01 15:33:04 发布

惊蛰c

最新推荐文章于 2024-07-01 15:33:04 发布

阅读量1.5k

点赞数 2

分类专栏：微信文章标签： css

本文链接：https://blog.csdn.net/The_My_World/article/details/107046640

版权

微信专栏收录该内容

2 篇文章

订阅专栏

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

<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: "wx628efbebbrnrhfvdfbdd24",
            scope: "sgbgvapi_login",
            redirect_uri: encodeURIComponent("http://oa.gnrdnvfdccom.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 : 定义格式;

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