193 lines
6.0 KiB
HTML
Executable File
193 lines
6.0 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
|
|
<meta content="yes" name="apple-mobile-web-app-capable">
|
|
<meta content="black" name="apple-mobile-web-app-status-bar-style">
|
|
<meta content="telephone=no" name="format-detection">
|
|
<meta content="email=no" name="format-detection">
|
|
<title>会员注册</title>
|
|
<script type="text/javascript">
|
|
window.onload = function () {
|
|
//设置适配rem
|
|
var change_rem = ((window.screen.width > 450) ? 450 : window.screen.width) / 375 * 100;
|
|
document.getElementsByTagName("html")[0].style.fontSize = change_rem + "px";
|
|
window.onresize = function () {
|
|
change_rem = ((window.screen.width > 450) ? 450 : window.screen.width) / 375 * 100;
|
|
document.getElementsByTagName("html")[0].style.fontSize = change_rem + "px";
|
|
}
|
|
}
|
|
</script>
|
|
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/ionic.css">
|
|
<link rel="stylesheet" type="text/css" href="__ROOT__/static/wap/css/style.css">
|
|
<style type="text/css">
|
|
/* tipMask CSS */
|
|
.tipMask {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(95, 95, 95, 0.3);
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 3;
|
|
}
|
|
|
|
.hide {
|
|
display: none;
|
|
}
|
|
|
|
.tipMask .cont {
|
|
width: 80%;
|
|
padding: 5% 10%;
|
|
border-radius: 5px;
|
|
background-color: #fff;
|
|
position: absolute;
|
|
top: 30%;
|
|
left: 10%;
|
|
text-align: center;
|
|
}
|
|
|
|
.tipMask .cont .title {
|
|
/*font-size: .34rem;*/
|
|
/*line-height: .48rem;*/
|
|
color: #191919;
|
|
}
|
|
|
|
.tipMask .cont .stitle {
|
|
/*font-size: .3rem;*/
|
|
/*line-height: .42rem;*/
|
|
color: #606060;
|
|
/*margin-top: .36rem;*/
|
|
}
|
|
|
|
.tipMask .cont .confirm {
|
|
width: 100%;
|
|
height: .38rem;
|
|
background-color: #ef6f6c;
|
|
border-radius: 4px;
|
|
/*font-size: .34rem;*/
|
|
color: #fff;
|
|
line-height: .38rem;
|
|
text-align: center;
|
|
margin-top: .2rem;
|
|
}
|
|
|
|
.confirm {
|
|
background-color: #0084ff !important;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="view-container signin-view">
|
|
<form action="" method="post" id="formid">
|
|
<div class="sign_up">
|
|
<div class="sign_up_content">
|
|
<ul class="sign_up_list">
|
|
<li class="newinput">
|
|
<span class="input-text">
|
|
账号
|
|
</span> <input type="text" placeholder="请填写您的账号" id="phone">
|
|
</li>
|
|
<li class="newinput">
|
|
<span class="input-text">
|
|
手机号
|
|
</span> <input type="text" placeholder="请填写您的手机号" id="phones">
|
|
</li>
|
|
<li class="newinput">
|
|
<span class="input-text">
|
|
登录密码
|
|
</span> <input type="password" placeholder="登录密码" id="pwd">
|
|
</li>
|
|
<li class="newinput">
|
|
<span class="input-text">
|
|
确认密码
|
|
</span> <input type="password" placeholder="再次输入登录密码" id="pwd2">
|
|
</li>
|
|
<li class="newinput">
|
|
<span class="input-text">
|
|
支付密码
|
|
</span> <input type="password" placeholder="支付密码" id="pwd3">
|
|
</li>
|
|
<li class="newinput">
|
|
<span class="input-text">
|
|
确认密码
|
|
</span> <input type="password" placeholder="再次输入支付密码" id="pwd4">
|
|
</li>
|
|
<li class="newinput">
|
|
<span class="input-text">
|
|
推荐码
|
|
</span> <input placeholder="推荐人ID(没有可不填)" id="top" value="{$phone}">
|
|
</li>
|
|
</ul>
|
|
<div class="sign_up_btn">
|
|
<button id="reg_btn" type="button">
|
|
注册登陆
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="signin-footer">
|
|
已有帐户 <a href="/index/login">直接登录</a>
|
|
</div>
|
|
</div>
|
|
<div class="tipMask hide">
|
|
<div class="cont">
|
|
<p class="title">温馨提示</p>
|
|
<p class="stitle contents"></p>
|
|
<div id="msgBtn">
|
|
<div class="confirm guanbi" style="background-color:#33b497;">确定</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="__ROOT__/static/wap/js/jquery-1.9.1.min.js"></script>
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
$('#reg_btn').click(function () {
|
|
var url = "/index/login/reg";
|
|
$.ajax({
|
|
type: "POST",
|
|
url: url,
|
|
data: {
|
|
phone: $('#phone').val(),
|
|
phones: $('#phones').val(),
|
|
password: $('#pwd').val(),
|
|
password2: $('#pwd2').val(),
|
|
password3: $('#pwd3').val(),
|
|
password4: $('#pwd4').val(),
|
|
top: $('#top').val(),
|
|
},
|
|
dataType: "json",
|
|
success: function (result) {
|
|
if (result.code == 1) {
|
|
msg("提示", result.info, 2, "/index/user/index");
|
|
} else {
|
|
msg("提示", result.info, 1);
|
|
}
|
|
},
|
|
error: function () {
|
|
$("#imgcode").html('8888');
|
|
}
|
|
});
|
|
})
|
|
});
|
|
|
|
function msg(title, content, type, url) {
|
|
$(".contents").html(content);
|
|
if (type == 1) {
|
|
var btn = '<div class="confirm guanbi" style="background-color:#33b497;" onclick="$(\'.tipMask\').hide();">确定</div>';
|
|
} else {
|
|
var btn = '<div class="confirm guanbi" style="background-color:#33b497;" onclick="window.location.href=\'' + url + '\'">确定</div>';
|
|
}
|
|
$("#msgBtn").html(btn);
|
|
$(".tipMask").show();
|
|
}
|
|
</script>
|
|
|
|
</html>
|