mindoc/views/blog/index_password.tpl

138 lines
3.7 KiB
Smarty

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="{{cdnimg "favicon.ico"}}">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>请输入文章密码 - Powered by MinDoc</title>
<script src="{{cdnjs "static/jquery/1.12.4/jquery.min.js"}}"></script>
<script src="{{cdnjs "static/js/jquery.form.js"}}"></script>
<style type="text/css">
body{ background: #f2f2f2;}
.d_button{ cursor: pointer;}
@media(min-width : 450px){
.auth_form{
width: 400px;
border: 1px solid #ccc;
background-color: #fff;
position: absolute;
top: 20%;
left: 50%;
margin-left: -220px;
padding: 20px;
}
.tit{
font-size: 18px;
}
.inp{
height: 30px;
width: 387px;
font-size: 14px;
padding: 5px;
}
.btn{
margin-top: 10px;
float: right;
}
}
@media(max-width : 449px){
body{
margin: 0 auto;
}
.auth_form{
background-color: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: 100%;
margin-top: 40px;
}
.shell{
width: 90%;
margin: 10px auto;
}
.tit{
font-size: 18px;
}
.inp{
height: 30px;
width: 96.5%;
font-size: 14px;
padding: 5px;
}
.btn{
margin-top: 10px;
float: right;
}
}
.clear{
clear: both;
}
.button {
color: #fff;
background-color: #428bca;
border-radius: 4px;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #357ebd;
}
</style>
</head>
<body>
<div class="auth_form">
<div class="shell">
<form action="{{urlfor "BlogController.Index" ":id" .Model.BlogId}}" method="post" id="auth_form">
<input type="hidden" value="{{.Model.BlogId}}" name="blogId" />
<div class="tit">
请输入浏览密码
</div>
<div style="margin-top: 10px;">
<input type="password" name="password" placeholder="浏览密码" class="inp"/>
</div>
<div class="btn">
<span id="error" style="color: #919191; font-size: 13px;"></span>
<input type="submit" value="提交" class="button"/>
</div>
<div class="clear"></div>
</form>
</div>
</div>
<script type="text/javascript">
$("#auth_form").ajaxForm({
beforeSerialize: function () {
var pwd = $("#auth_form input[name='password']").val();
if (pwd === "") {
$("#error").html("请输入密码");
return false;
}
},
dataType: "json",
success: function (res) {
if (res.errcode === 0) {
window.location.reload();
} else {
$("#auth_form input[name='password']").val("").focus();
$("#error").html(res.message);
}
}
});
</script>
<script src="{{cdnjs "static/bootstrap/js/bootstrap.min.js"}}"></script>
</body>
</html>