hn_cloud_web/smz-screen/login.html

77 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>登录</title>
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="css/login/login.css" />
<script src="js/core/jquery-3.6.0.js"></script>
<script src="js/core/layer-v3.1.0/layer/layer.js"></script>
<script src="js/core/qrcode.js"></script>
<script src="js/core/aes.js"></script>
<script src="js/index/login.js"></script>
<style>
input::-webkit-input-placeholder {
color: #ccc;
font-size: 18px;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #ccc;
font-size: 18px;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #ccc;
font-size: 18px;
}
input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #ccc;
font-size: 18px;
}
</style>
</head>
<body>
<div id="iForm" class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div id="nameDiv">
<div id="nameImg"></div>
<div id="nameInput">
<input type="text" id="name" placeholder="请输入账号" />
</div>
</div>
<div id="pwdDiv">
<div id="pwdImg"></div>
<div id="pwdInput">
<input type="password" id="pwd" placeholder="请输入密码" />
</div>
</div>
<div id="jzpwdDiv" style="width: 100%;height: 10%;margin-top: 60%;">
<a id="resetPwd" onclick="resetPwd()">&nbsp;&nbsp;&nbsp;码?</a>
<input id="jzname" type="checkbox" style="margin-left: 35%;" /><span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
<input id="jzpwd" type="checkbox" /><span>&nbsp;&nbsp;&nbsp;</span>
</div>
<div id="btnDiv">
<button id="loginBtn" onclick="login()"></button>
</div>
<div id="addUser">
<a onclick="addUser()">&nbsp;&nbsp;&nbsp;</a>
</div>
<div id="qrDiv">
<img id="qrCode" onclick="showQrCode()" src="img/login/QRcode2.png"/>
</div>
</div>
<div id="qrCodeDiv">
<div id="qrCodeImg" onclick="killQrCode()"></div>
<div id="qrCodeTips">请使用实名制APP或微信小程序扫码登陆<br/>点击二维码刷新</div>
<div id="qrCodeBtn">
<button id="goBack" onclick="goBack()">&nbsp回</button>
</div>
</div>
</body>
</html>