當前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

企业微信登陆方式

發布時間：2024/8/26 综合教程 38 生活家

生活随笔收集整理的這篇文章主要介紹了企业微信登陆方式小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<a >

</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

<div>

<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 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>

<div>

<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 >

</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>

作為新手小菜鳥的我，只想記錄，便于溫故知新，如有錯誤或疏忽，請留言，審查后改正,謝謝各位大佬

總結

以上是生活随笔為你收集整理的企业微信登陆方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：康熙字体繁体大全（康熙字体繁体）
下一篇：怎么创建具有真实纹理的CG场景岩石？