企业微信登陆方式

<!–一键登录–>

</a>

</div>

//css

body{

background-image:url(“img/QYWX.png”);

background-size: cover;

background-repeat: no-repeat;

margin: 0 auto;

position: relative;

100%;

height: 100%

}

/*二维码居中*/

.code{

position: absolute;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

300px; /* 宽度 */

height:300px; /* 高度 */

}

/*直接登录*/

.direct{

270px; /* 宽度 */

height: 40px; /* 高度 */

border- 0px; /* 边框宽度 */

border-radius: 3px; /* 边框半径 */

background: #1E90FF; /* 背景颜色 */

cursor: pointer; /* 鼠标移入按钮范围时出现手势 */

outline: none; /* 不显示轮廓线 */

font-family: Microsoft YaHei; /* 设置字体 */

color: white; /* 字体颜色 */

font-size: 17px; /* 字体大小 */

position: absolute;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

}

.direct:hover { /* 鼠标移入按钮范围时改变颜色 */

background: #66CDAA;

}

/*.ul_col li a {

}*/

.ul_col li{

background:#607B8B;

cursor:pointer;

color:#66CDAA;

}

.ul_col li .bar:hover{

background: #1E90FF;

cursor:pointer;

color:#fff;

}

.bar{

font-size:15px;

cursor:pointer;

color:#fff;

}

.go_button{

background: #1E90FF;

color:#fff;

font-size:15px;

text-align :center;

padding-right:20px;

}

.log_tit{

400px;

height: 260px;

padding: 13px;

position: absolute;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

color:#fff;

}

.log_con{

/*background: #1E90FF;

color:#fff;*/

350px;

height: 260px;

padding: 13px;

position: absolute;

left: 50%;

top: 50%;

margin-left: -200px;

margin-top: -200px;

background-color: rgba(240, 255, 255, 0.5);

text-align: center;

border-top-left-radius: 5px;

border-bottom-left-radius: 5px;

border-top-right-radius: 5px;

border-bottom-right-radius: 5px;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

}

//html

<li class=”active” ><a href=”#home” class=”bar”>企业微信登录</a></li>

<!–直接授权登入–>

</ul>

</div>

<%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”login.aspx.cs” Inherits=”custServiceMange._Default” %>

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>

<html>

<%–建议使用百度或一些网上的静态库的JS或样式，在本地上调用可能会出现在手机上错位现象，现PC端的效果不一样。–%>

<%–<link href=’http://fonts.lug.ustc.edu.cn/css?family=Open+Sans:400,700,800′ rel=’stylesheet’ type=’text/css’>–%>

<%–<link rel=”stylesheet” href=”css/ladda.min.css”>–%>

<%– <link rel=”stylesheet” type=”text/css” href=”css/normalize.css” />

–%>

html, body {

height: 100%;

}

.box {

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#6699FF’, endColorstr=’#6699FF’); /* IE */

margin: 0 auto;

position: relative;

100%;

height: 100%;

}

.login-box {

100%;

max- 500px;

height: 400px;

position: absolute;

top: 50%;

margin-top: -200px;

/*设置负值，为要定位子盒子的一半高度*/

}

@media screen and (min-500px) {

.login-box {

left: 50%;

/*设置负值，为要定位子盒子的一半宽度*/

margin-left: -250px;

}

.form {

100%;

max- 500px;

height: 275px;

margin: 25px auto 0px auto;

padding-top: 25px;

}

.login-content {

height: 300px;

100%;

max- 500px;

background-color: rgba(255, 250, 2550, .6);

float: left;

}

.input-group {

margin: 0px 0px 30px 0px !important;

}

.form-control,

.input-group {

height: 40px;

}

.form-group {

margin-bottom: 0px !important;

}

/*.login-title {

padding: 20px 10px;

background-color: rgba(240, 255, 255, 0.5);

}*/

.login-title h1 {

margin-top: 10px !important;

}

.login-title small {

color: #66CDAA;

}

.link p {

line-height: 20px;

margin-top: 30px;

}

.btn-sm {

padding: 8px 24px !important;

font-size: 16px !important;

}

/******************************************/

body{

background-image:url(“img/backgound_logjin.png”);

background-size: cover;

background-repeat: no-repeat;

margin: 0 auto;

position: relative;

100%;

height: 100%

}

/*二维码居中*/

.code{

position: absolute;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

300px; /* 宽度 */

height:300px; /* 高度 */

}

/*直接登录*/

.direct{

270px; /* 宽度 */

height: 40px; /* 高度 */

border- 0px; /* 边框宽度 */

border-radius: 3px; /* 边框半径 */

background: #1E90FF; /* 背景颜色 */

cursor: pointer; /* 鼠标移入按钮范围时出现手势 */

outline: none; /* 不显示轮廓线 */

font-family: Microsoft YaHei; /* 设置字体 */

color: white; /* 字体颜色 */

font-size: 17px; /* 字体大小 */

position: absolute;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

}

.direct:hover { /* 鼠标移入按钮范围时改变颜色 */

background: #66CDAA;

}

/*.ul_col li a {

}*/

.ul_col li{

background:#607B8B;

cursor:pointer;

color:#66CDAA;

}

.ul_col li .bar:hover{

background: #1E90FF;

cursor:pointer;

color:#fff;

}

.bar{

font-size:15px;

cursor:pointer;

color:#fff;

}

.go_button{

background: #1E90FF;

color:#fff;

font-size:15px;

margin:-100px;

}

.log_tit{

400px;

height: 260px;

padding: 13px;

position: absolute;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

color:#fff;

}

.log_con{

350px;

height: 260px;

padding: 13px;

position: absolute;

left: 50%;

top: 50%;

margin-left: -200px;

margin-top: -200px;

background-color: rgba(240, 255, 255, 0.5);

text-align: center;

border-top-left-radius: 5px;

border-bottom-left-radius: 5px;

border-top-right-radius: 5px;

border-bottom-right-radius: 5px;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

}

</style>

var inputTimes = 0;

function Post() {

var username = $(“#txtUserName”).val();

if (username == “” || username == undefined)

{ alert(“请输入用户名”); return; }

var pwd = $(“#txtUserPassword”).val();

//取得提交次数

if (inputTimes > 3) {

$(“#yzmIcon”).attr(“style”, “visibility: visible;”);

$(“#code”).attr(“style”, “vertical-align:middle; 60%; height: 40px;visibility: visible;”);

$(“#img1”).attr(“style”, “vertical-align:middle; 20%; height: 40px;cursor: hand;visibility: visible;”);

var code = $(“#code”).val();

if (code == “” || code == undefined) {

alert(“请输入验证码”); return;

}

else

code = “”;

PageMethods.IsUser(code, username, pwd, comp_user, err);

}

function comp_user(msg) {

if (msg == 1) {

alert(“验证码输入错误”); return;

}

else if (msg == 2) {

alert(“不存在该员工”); return;

}

else if (msg == 3) {

alert(“密码错误”);

inputTimes = inputTimes + 1;

return;

}

else if (msg == 4) {

window.location.href = “index.aspx”;

}

else if (msg == 5) {

alert(“验证码获取失败”); return;

}

else if (msg == 6) {

alert(“密码不能为空！”);

return;

}

function err(result) {

alert(result.get_message());

}

function Postkey(e) {

var keynum;

if (window.event) // IE

{

keynum = e.keyCode

}

else if (e.which) // Netscape/Firefox/Opera

{

keynum = e.which

}

if (keynum == “13”)

{ Post(); }

}

function imgpass() {

var time = new Date();

var rnd = time.getSeconds;

rnd += time.getMinutes;

rnd += Math.random() * 1000;

$(“#img1”).attr(“src”, “readImage.aspx?type=yzm&rnd=” + rnd + “”);

}

</script>

</head>

<li class=”active” ><a href=”#home” class=”bar”>企业微信登录</a></li>

<!–直接授权登入–>

</ul>

</div>

<!–企业微信登录–>

window.WwLogin({

“id”: “code”, //显示二维码的容器id

“appid”: “wwd9d5b7cf59f1e871”,

“agentid”: “1000010”, //企业微信的cropID，在企业微信管理端->我的企业中查看

“redirect_uri”: “http://oa.jewsoft.com/OALogin.ashx”, //重定向地址，需要进行UrlEncode

“state”: “3828293919281”, //用于保持请求和回调的状态，授权请求后原样带回给企业。该参数可用于防止csrf攻击（跨站请求伪造攻击），建议企业带上该参数

“href”: “”, //自定义样式链接，企业可根据实际需求覆盖默认样式。详见文档底部FAQ

});

</script>

</div>

<!–一键登录–>

<!–获取code参数

appid:企业codeID

redirect_uri:返回路径

response_type：返回类型

scope：应用授权作用域。

agentid：企业应用的id。

state：

#wechat_redirect：终端使用此参数判断是否需要带上身份信息

–>

</a>

</div>

<%– oalogin.ashx 返回值

{

“codeid”: 0,

“codemessage”: “未将对象引用设置到对象的实例。”,

“returnid”: 0,

“returnmessage”: “未将对象引用设置到对象的实例。”

}–%>

<!–账号登录–>

<p>

<%–<div class=”login-title text-center log_tit”>

<h1><small>客户服务管理系统</small></h1>

</div>–%>

<asp:ScriptManager ID=”ScriptManager1″ runat=”server” EnablePageMethods=”True”></asp:ScriptManager>

</div>

</div>

</div>

</form>

</div>

</p>

</div>

var oLis = document.getElementsByTagName(“li”);

var i, j;

var length = oLis.length;

for (i = 0; i < length; i++) {

oLis[i].onclick = function () {

for (j = 0; j < length; j++) {

oLis[j].className = “”;

}

</script>

$(‘#myTab a’).click(function (e) { e.preventDefault(); $(this).tab(‘show’); })</script>

// Bind normal buttons

Ladda.bind(‘.button-demo button’, { timeout: 200 });

// Bind progress buttons and simulate loading progress

Ladda.bind(‘.progress-demo button’, {

callback: function (instance) {

var progress = 0;

var interval = setInterval(function () {

progress = Math.min(progress + Math.random() * 0.1, 1);

instance.setProgress(progress);

if (progress === 1) {

instance.stop();

clearInterval(interval);

}

}, 200);

}

});

</script>

</body>

</html>

作为新手小菜鸟的我，只想记录，便于温故知新，如有错误或疏忽，请留言，审查后改正,谢谢各位大佬

企业微信登陆方式

ICA(独立成分分析)笔记

GO语言下载、安装、配置

最新文章

特斯拉 Optimus 机器人模型上架后一天内售罄，售价 40 美元

我国载人航天工程 2024 年发射任务圆满收官，官方发布回顾视频

公安部网安局：网络恶意差评损害他人权益已涉嫌违法

全新宝马 2 系 Gran Coupé 四门轿跑车国产版明年上市，搭 2.0T 四缸发动机

机械师 L8 Max 三模电竞鼠标上市：双 8K 回报率、PAW3950 Pro，首发 329 元

token解析错误怎么办(12333获取token接口错误)

qdialog和qwidget区别(qwidget和qmainwindow区别)

win7硬盘安装教程(windows7硬盘安装步骤图解)

ubuntu麒麟和深度哪个好(ubuntu和优麒麟的软件通用吗)

上海外高桥造船全年交船 22 艘，提前一个半月完成年度交船目标

最新评论

标签

关注我们么么哒！

企业微信登陆方式

ICA(独立成分分析)笔记

GO语言下载、安装、配置

最新文章

特斯拉 Optimus 机器人模型上架后一天内售罄，售价 40 美元

最新评论

标签

关注我们 么么哒！

关注我们的公众号

关注我们么么哒！