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

2 months ago
<!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">
2 months ago
<img src="/dsSso/images/hebyesz.png" style="margin-top: 8px;" />
2 months ago
<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",
2 months ago
url : "/dsSso/common/getGlobalValueByKey",
2 months ago
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>