waibao
/
NN2022090201


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
							<!doctype html>
<html class="no-js">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>注册</title>
	<meta name="renderer" content="webkit">
	<link rel="stylesheet" href="__CDN__/assets/index/css/amazeui.css">
	<link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
	<link rel="stylesheet" href="__CDN__/assets/index/css/login1.css" />
	<style>
	    .loginBg{    
	        background: url({$loginbg});
            background-size: cover;
	    }
	    .am-form input[type="text"], .am-form input[type="password"]{background:#fff;border-radius: 5px;border-bottom:none !important;}
		
	#goCode{margin-top:-5rem;}
		#yzmcode{height: 38px;}
		.smsverfy{margin-left: 10%;}
		.verifyimg{vertical-align:middle;cursor:pointer;height:39px;width: 40%;}
		input.am-form-input{    border: 1px solid #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(59, 180, 242, 0.3);}
	</style>
</head>
<body class="loginBg">
<header data-am-widget="header" class="am-header am-header-default" style="background: transparent;">
	<div class="am-header-left am-header-nav">
		<a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class=" am-header-icon am-icon-angle-left"></i></a>
	</div>
	<h1 class="am-header-title " style="">注册
	</h1>
</header>
<div class="wapper fv" style="padding-top:80px;">

	<div class="am-padding-left am-padding-right">
		<form class="am-form" id="form1">
			{:token()}
			<div class="am-form-group">
				<label><img src="__CDN__/assets/shop/img/login_mobile.png" width="100%">手机号</label>
				<input class="am-form-input" type="text" name="mobile" placeholder="请输入手机号">
			</div>
			<div class="am-form-group">
				<label><img src="__CDN__/assets/shop/img/login_user.png" width="100%">昵称</label>
				<input class="am-form-input" type="text" name="nickname" placeholder="请输入昵称">
			</div>
			<div class="am-form-group">
				<label><img src="__CDN__/assets/shop/img/login_ref.png" width="100%">邀请码</label>
				<input class="am-form-input" type="text" name="referee" placeholder="请输入账号" value="{$code}">
			</div>
			<div class="am-form-group">
				<label><img src="__CDN__/assets/shop/img/login_pwd.png" width="100%">登录密码</label>
				<input class="am-form-input" type="password" name="password" placeholder="请输入登录密码">
			</div>
			<div class="am-form-group">
				<label><img src="__CDN__/assets/shop/img/login_pwd.png" width="100%">安全密码</label>
				<input class="am-form-input" type="password" name="password2" placeholder="请输入安全密码">
			</div>
			<div class="am-form-group">
				<div class="am-checkbox am-padding-left-0">
					<label class="am-checkbox am-secondary am-padding-top-0" style="color: #fff;">
						<input type="checkbox" data-am-ucheck value=""> 我同意<a class="publish" style="color: #dd514c;">《注册协议》</a>条款
					</label>
					<a href="login.html"  style="color: #fff; float: right;">立即登录</a>
				</div>
			</div>
		</form>

	</div>
	<div class=" am-margin-xl">
		<input type="button" class="am-btn am-btn-danger am-btn-block am-round" id="submit" value="注册">
	</div>
	<div class=" am-margin-xl">
		<a class="am-btn am-btn-danger am-btn-block am-round" href="{:config('site')['appdowm']}" style="background:#fff;color:#dd514c">下载APP</a>
	</div>
</div>

<script src="__CDN__/assets/index/js/jquery.min.js"></script>
<script src="__CDN__/assets/index/js/amazeui.min.js"></script>
<script src="__CDN__/assets/libs/layer/layer.js"></script>
<script>
    $('.publish').click(function(){
        layer.alert('{$register_agree}',{title:'注册协议',area:['90%','90%']});
    });
    //提交
    $('#submit').click(function(){
        layer.open({
            type: 1
            ,title: false //不显示标题栏
            ,closeBtn: false
            ,area: ['90%','90%']
            ,shade: 0.8
            ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
            ,btn: ['已阅读', '取消']
            ,btnAlign: 'c'
            ,moveType: 1 //拖拽模式，0或者1
            ,content: '<div style="padding:  10px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">{$register_agree}</div>'
            ,yes: function(){
                layer.close(layer.index);
                    parent.$('input[type=checkbox]').prop('checked',true);
                    var formData = new FormData($('#form1')[0]);
                    $.ajax({
                        type: "POST",
                        url: "{:url('api/user/register')}",
                        data: formData,
                        contentType: false,
                        processData: false,
                        success: function (data) {
                            if (data.code > 0) {
                                layer.msg(data.msg, {time: 1000}, function () {
                                    location = 'login.html';
                                });
                            } else {
                                layer.msg(data.msg);
                            }
                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            layer.msg("{:__('网络错误,请稍后重试')}");
                        }
                    });


             }
        });
    })

</script>
</body>
</html>