<!VDNDOC "pageBase":"nvo_ding","ResetSession":true,"IniEvent":"PageIni","NotValidLogin":true>
<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>PC钉钉登录</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<style>
			.top_content {
				width: 100%;
				height: 200px;
				background-color: #0064C8;
				text-align: center;
				vertical-align: middle;
				display: flex;
				justify-content: center;
				align-items: center;
				color: white;
				font-size: 25pt;
				font-weight: bold;
				line-height: 35px;
			}
			
			.icon_size {
				font-size: 50pt;
			}
			
			.area {
				margin: 20px auto 0px auto;
			}
			
			.mui-input-group {
				margin-top: 10px;
			}
			
			.mui-input-group:first-child {
				margin-top: 20px;
			}
			
			.mui-input-group label {
				width: 22%;
			}
			
			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				width: 78%;
			}
			
			.mui-content-padded {
				margin-top: 5px;
			}
			
			.mui-btn {
				padding: 10px;
			}
		</style>

		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
		<script src="js/vdn.js"></script>
		<script type="text/javascript">
			var _config = "<% controler.GetConfigs.getConfig(request) %>";
		</script>

		<!--调用jquery需要的库，手机版和电脑版的不同  -->

		<script type="text/javascript" src="js/zepto.min.js">
		</script>
		<!--手机版钉钉免登引入的jsapi,和电脑版引入的不同  -->
		<!--script type="text/javascript" src="http://g.alicdn.com/ilw/ding/0.9.2/scripts/dingtalk.js">
		</script-->
		<script src="//g.alicdn.com/dingding/dingtalk-jsapi/2.6.41/dingtalk.open.js"></script>
		<!--获取code码值的js文件  -->
		<script type="text/javascript" src="js/ding_pc.js?id=1123">
		</script>
		<style>
			.padded{
				margin: 50px;
			}
		</style>
	</head>

	<body>

		<div class="mui-content">
			<div class="top_content">
				<div>
					<span class="icon_size mui-icon mui-icon-weibo"></span>
					<div class="mui-content-padded">PC钉钉登录</div>
				</div>
			</div>
			<div class="padded">
				<div class="mui-text-center">
						<div id="d_loading"></div>
				</div>
			</div>

		</div>

		<script type="text/javascript">
			$(document).ready(function() {
				mui("#d_loading").button('loading');
			});
		</script>
	</body>

</html>