parent
54146b86e5
commit
a3da1a2d80
|
After Width: | Height: | Size: 422 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
@ -0,0 +1,268 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<title>知识答题</title>
|
||||
<style>
|
||||
body {
|
||||
background-image: url("../images/bg_img.png");
|
||||
}
|
||||
|
||||
.title2_div {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title_p1 {
|
||||
color: #F4D7A1;
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.dh_div {
|
||||
position: fixed;
|
||||
top: 60px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
}
|
||||
|
||||
.dh_img {
|
||||
width: 184px;
|
||||
height: 182px;
|
||||
}
|
||||
|
||||
.tam_div {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'XK';
|
||||
src: url('../images/xk.ttf');
|
||||
}
|
||||
|
||||
.title1_div {
|
||||
text-align: center;
|
||||
font-family: 'XK';
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.title1_p {
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 22px;
|
||||
color: #F4D7A1;
|
||||
line-height: 30px;
|
||||
word-wrap: break-word;
|
||||
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.647058823529412);
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.title3_div {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title2_p {
|
||||
font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-size: 30px;
|
||||
color: #FFD596;
|
||||
line-height: 35px;
|
||||
/* margin-left: 15px; */
|
||||
}
|
||||
|
||||
.title3_p {
|
||||
font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-size: 18px;
|
||||
color: #FFD596;
|
||||
}
|
||||
|
||||
.title4_div {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title4_p {
|
||||
font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-size: 18px;
|
||||
color: #FFD596;
|
||||
}
|
||||
|
||||
.login {
|
||||
background-color: rgba(255, 245, 225, 1);
|
||||
width: 70%;
|
||||
height: 300px;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
border-radius: 3px;
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-moz-transform: translate(-50%, -50%);
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.star {
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
left: -20px;
|
||||
|
||||
}
|
||||
|
||||
input {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
color: #D0BD93;
|
||||
border: none;
|
||||
border-bottom: 1px solid #D0BD93;
|
||||
outline: none;
|
||||
height: 25px;
|
||||
width: 60%;
|
||||
/* margin-left: 30px; */
|
||||
margin-top: 36px;
|
||||
padding-left: 30px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.input_div {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.input_prefix {
|
||||
position: absolute;
|
||||
margin-left: 46px;
|
||||
margin-top: 38px;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-image: url('../images/u30.svg');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 5px 20px;
|
||||
color: #FFF5E1;
|
||||
text-shadow: 1px 1px 1px gray;
|
||||
/*给文字添加阴影*/
|
||||
border: none;
|
||||
/*去掉按钮边框*/
|
||||
border-radius: 5px;
|
||||
/*添加圆角*/
|
||||
box-shadow: 2px 2px 2px lightgray;
|
||||
margin-top: 35px;
|
||||
height: 40px;
|
||||
width: 150px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
::placeholder {
|
||||
/* 全部支持情况下的设置 */
|
||||
color: #D0BD93;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="dh_div"><img class="dh_img" src="../images/dh.png" alt=""></div>
|
||||
|
||||
<div style="position: absolute;z-index: 999;">
|
||||
<div class="title1_div">
|
||||
<p class="title1_p">“学深悟透担使命，踔厉奋发建新功”</p>
|
||||
</div>
|
||||
|
||||
<div class="title2_div">
|
||||
<p class="title2_p">长春市教育局</p>
|
||||
</div>
|
||||
|
||||
<div class="title3_div">
|
||||
<p class="title3_p">学习贯彻习近平新时代中国特色社会主义思想</p>
|
||||
</div>
|
||||
|
||||
<div class="title4_div">
|
||||
<p class="title4_p">知识答题活动</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="login">
|
||||
<div class="star"><img class="tam_img" style="width: 50px;height: 50px;" src="../images/star.png"></div>
|
||||
<div class="input_div">
|
||||
<div class="input_prefix"><img src="../images/u18.svg"></div>
|
||||
<input id="name" type="text" placeholder="请输入姓名">
|
||||
</div>
|
||||
<div class="input_div">
|
||||
<div class="input_prefix"><img src="../images/u22.svg"></div>
|
||||
<input id="bureau" type="text" placeholder="请输入处室">
|
||||
</div>
|
||||
<div class="input_div">
|
||||
<div class="input_prefix"><img src="../images/u26.svg"></div>
|
||||
<input id="tel" type="text" placeholder="请输入办公电话">
|
||||
</div>
|
||||
<div class="input_div">
|
||||
<button id='login' type="button" class="button">开始答题</button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tam_div">
|
||||
<img class="tam_img" style="width: 100%;" src="../images/tam.png">
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery.min.js"></script>
|
||||
<script src="../js/jquery.cookie.min.js"></script>
|
||||
|
||||
<script>
|
||||
$.removeCookie('order_id', { path: '/' });
|
||||
|
||||
$(function () {
|
||||
|
||||
$("#login").click(function () {
|
||||
if ($("#name").val().trim().length == 0) {
|
||||
alert('姓名不能为空！');
|
||||
return;
|
||||
} else if ($("#bureau").val().trim().length == 0) {
|
||||
alert('科室不能为空！');
|
||||
return;
|
||||
} else if ($("#tel").val().trim().length == 0) {
|
||||
alert('办公电话不能为空！');
|
||||
return;
|
||||
} else {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
dataType: "json",
|
||||
url: "/FengHuang/exam/addPerson",
|
||||
data: {
|
||||
person_name: $("#name").val(),
|
||||
ks: $("#bureau").val(),
|
||||
tel: $("#tel").val()
|
||||
},
|
||||
success: function (res) {
|
||||
if (res.success) {
|
||||
window.location = "./exam.html";
|
||||
} else {
|
||||
alert(res.message);
|
||||
return;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in new issue