You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

137 lines
4.2 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>找回密码</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="../../css/weadmin.css">
<!-- 让IE8/9支持媒体查询从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.layui-input-block {
margin-left: 40px;
}
.header {
width: 980px;
margin: 0 auto;
height: 75px;
line-height: 75px;
}
.nav{
clear: both;
overflow: hidden;
margin-left: 35px;
}
.nav li {
height:85px;
border: 1px solid #c0a16b;
box-sizing: border-box;
padding:15px 8px 8px 8px;
margin: 40px 0;
background-color: #fffded;
border:1px solid #ffdf9a;
}
.nav li:nth-child(1) {
margin-top:15px;
}
.nav li:hover {
background:#fff9cc;
}
.nav li i,.nav li dl {
float: left;
}
.nav li dl {
margin-left: 15px;
}
.nav li dl dt {
font-weight: bold;
font-size: 15px;
margin-bottom: 7px;
}
</style>
</head>
<body>
<div style="width: 800px;margin: 0 auto">
<div class="header">
<img src="/dsSso/images/hebyesz.png" style="margin-top: 8px;" />
<span style="font-size:26px;display: inline-block;margin-top:15px;vertical-align: middle;color: #666;">&nbsp;&nbsp;|&nbsp;&nbsp;找回密码</span>
</div>
<div style="padding:30px 40px 30px 0;margin-left: -25px;">
<form class="layui-form">
<div class="layui-input-block" style="font-size: 16px">
请选择找回方式:
</div>
<div class="layui-form-item">
<ul class="nav">
<li>
<a href="javascript:void(0);">
<i><img src="../../images/tel.png" alt="手机" width="50" height="50"></i>
<dl>
<dt>通过手机找回</dt>
<dd>向绑定的手机发送验证码找回密码</dd>
</dl>
</a>
</li>
<li>
<a href="javascript:void(0);">
<i><img src="../../images/email.png" alt="邮箱" width="50" height="50"></i>
<dl>
<dt>通过邮箱找回</dt>
<dd>向绑定的邮箱发送验证码找回密码</dd>
</dl>
</a>
</li>
</ul>
</div>
</form>
</div>
<div style="text-align:center;margin-top: 140px" id="copyright">
</div>
</div>
<script src="../../js/layui/layui.js"></script>
<script src="../../js/base64.js"></script>
<script>
layui.use(['form', 'jquery','layer'], function () {
var form = layui.form,
$ = layui.jquery,
layer = layui.layer;
// 版权信息
$.ajax({
type : "POST",
dataType : "json",
url : "/dsSso/common/getGlobalValueByKey",
data : {
"key" : "sso_copyright"
},
async : false,
success : function(result) {
if (result.success) {
$("#copyright").html(result.sso_copyright);
}
}
});
// 手机找回
$(".nav li:eq(0)").click(function () {
window.location.href='./findPwdTel.html';
})
// 邮箱找回
$(".nav li:eq(1)").click(function () {
window.location.href='./findPwdEmail.html';
})
});
</script>
</body>
</html>