87 lines
3.9 KiB
PHTML
Executable File
87 lines
3.9 KiB
PHTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Backuper</title>
|
||
</head>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/style.css">
|
||
<style>
|
||
body{
|
||
margin:0;
|
||
padding:0;
|
||
font-family: "Helvetica","Microsoft YaHei",sans-serif;
|
||
/* background-image: linear-gradient(-80deg, #4385d0, #166db8);
|
||
background-image: -webkit-linear-gradient(-80deg, #4385d0, #166db8);
|
||
background-image: -o-linear-gradient(-80deg, #4385d0, #166db8);
|
||
background-image: -moz-linear-gradient(-80deg, #4385d0, #166db8);
|
||
height: 100vh; */
|
||
}
|
||
.width_screen{width:100%; display: block; position: relative; bottom:0;}
|
||
@media screen and (min-width:1600px){
|
||
.width_screen img{width:100%; max-width: 1920px; height: 100vh; display: block;}
|
||
}
|
||
.width_screen img{width:100%; display: block;}
|
||
.text{position: absolute; width:100%; bottom:10%; left:0;}
|
||
.text_content{width:18%; margin-left:14%;}
|
||
.text_content input{border-radius: 10vw; border:0; width:92%; padding-left:4%; padding-right: 4%; line-height:50px; background-color:#b2cdec; font-size: 28px; color:#262626;}
|
||
.text_content button{background-color:#edd614; border-radius: 10vw; width:100%; border:0; color:#202020; cursor: pointer; line-height:50px; margin-top:20px; font-size: 28px;}
|
||
@media screen and (min-width:1200px) and (max-width:1480px){
|
||
.text_content input{font-size: 24px; line-height: 40px;}
|
||
.text_content button{font-size: 24px; line-height: 40px;}
|
||
}
|
||
@media screen and (min-width:960px) and (max-width:1199px){
|
||
.text_content input{font-size: 18px; line-height: 30px;}
|
||
.text_content button{font-size: 18px; line-height: 30px; margin-top:10px}
|
||
}
|
||
@media screen and (max-width:959px){
|
||
.text{bottom:6%;}
|
||
.text_content input{font-size: 16px; line-height: 30px;}
|
||
.text_content button{font-size: 16px; line-height: 30px; margin-top:10px}
|
||
}
|
||
@media screen and (min-width:1440px){
|
||
.email_text{width:1366px; font-size: 1em; margin:2vw auto; line-height: 2em; color:#333}
|
||
}
|
||
.email_text p{margin:1vw 0}
|
||
|
||
</style>
|
||
<body>
|
||
<div class="width_screen">
|
||
<img src="__PUBLIC__/weben/images/backuper/backuper.jpg">
|
||
<div class="text">
|
||
<div class="text_content">
|
||
<from action="" method="post" id="form1">
|
||
<input placeholder="Email" name="email" type="text" class="email">
|
||
<button onclick="submit()">Signup Now!</button>
|
||
</from>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="email_text">
|
||
<p>Terms and Conditions:</p>
|
||
-This campaign is open to the following countries: United States, Canada, Russia, Ukraine, Kazakhstan, France, Sweden, Belgium, Luxembourg, Poland, Netherlands, Portugal, Finland, United Kingdom, Germany, Italy, Spain, Australia, Vietnam, Japan, South Korea, Czech Republic, Ireland, Hungary, Denmark, Croatia, Greece, Malta, Slovenia, Lithuania, Cyprus, Latvia, Estonia, Slovakia, Austria, Pakistan, Myanmar, Philippines, Thailand, Malaysia, Indonesia.<br>
|
||
-By submitting your email to receive marketing messages from ORICO.<br>
|
||
-ORICO reserves the right of final explanation.
|
||
</div>
|
||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery-1.8.3.min.js"></script>
|
||
<script>
|
||
function submit(){
|
||
var email = $(".email").val();
|
||
$.ajax({
|
||
url: "/us/email/index", // 提交到controller的url路径
|
||
type: "post", // 提交方式
|
||
data: {"email": email}, // data为String类型，必须为 Key/Value 格式。
|
||
dataType: "json", // 服务器端返回的数据类型
|
||
success: function (data) { // 请求成功后的回调函数，其中的参数data为controller返回的map,也就是说,@ResponseBody将返回的map转化为JSON格式的数据，然后通过data这个参数取JSON数据中的值
|
||
if (data.code == 200) {
|
||
alert(data.msg);
|
||
} else if(data.code = 404){
|
||
alert(data.msg);
|
||
}else if(data.code=500){
|
||
alert(data.msg);
|
||
}
|
||
},
|
||
});
|
||
};
|
||
</script>
|
||
</body>
|
||
</html> |