register.html 5.2 KB
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width">
		<title>注册-{$tpshop_config['shop_info_store_title']}</title>
		<meta http-equiv="keywords" content="{$tpshop_config['shop_info_store_keyword']}" />
		<meta name="description" content="{$tpshop_config['shop_info_store_desc']}" />
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<link rel="stylesheet" type="text/css" href="__STATIC__/css/public.css" />
		<link rel="stylesheet" type="text/css" href="__STATIC__/css/user.css" />
		<link rel="stylesheet" type="text/css" href="__STATIC__/css/login.css" />
		<script type="text/javascript" src="__STATIC__/js/jquery.js"></script>
		<script type="text/javascript" src="__PUBLIC__/js/mobile_common.js"></script>
		<script type="text/javascript" src="__STATIC__/js/layer.js" ></script>
		<!--新增js文件 20170626-->
		<script type="text/javascript" src="__PUBLIC__/static/js/layer/laydate/laydate.js"></script>
		<!--新增end-->
	</head>

	<body>
		<div class="register">
			<div class="reg_logo">
				<img src="__STATIC__/images/user/logo.png" style="width: 90%;margin: auto;" />
				<span class="dis_vm"></span>
			</div>
			<ul class="infoBox">
				<li>
					<span class="left">
						<img src="__STATIC__/images/user/tel.png" />
						<span class="dis_vm"></span>
					</span>
					<input class="right" placeholder="手机号码" />
					<a class="abtn abtn_on">发送验证码</a>
				</li>
				<li>
					<span class="left">
						<img src="__STATIC__/images/user/code.png" />
						<span class="dis_vm"></span>
					</span>
					<input class="right" placeholder="请填写验证码" />
				</li>
			</ul>
			<ul class="infoBox">
				<li>
					<span class="left">
						<img src="__STATIC__/images/user/name.png" />
						<span class="dis_vm"></span>
					</span>
					<input class="right" placeholder="请输入姓名" />
					<span class="addNum addNum_on">+5积分</span>
				</li>
				<li>
					<span class="left">
						<img src="__STATIC__/images/user/birthday.png" />
						<span class="dis_vm"></span>
					</span>
					<input id="birthday" class="right" placeholder="请填写出生日期" />
					<span class="addNum">+5积分</span>
					<script type="text/javascript">
						laydate({
									elem: '#birthday', //需显示日期的元素选择器
									event: 'focus', //触发事件
									format: 'YYYY-MM-DD', //日期格式
									istime: false, //是否开启时间选择
									isclear: true, //是否显示清空
									istoday: true, //是否显示今天
									issure: true, //是否显示确认
									festival: true //是否显示节日
								}
						);
					</script>
				</li>
				<li>
					<span class="left">
						<img src="__STATIC__/images/user/id.png" />
						<span class="dis_vm"></span>
					</span>
					<input class="right" placeholder="请填写真实身份证" />
					<span class="addNum">+5积分</span>
				</li>
				<li>
					<span class="left">
						<img src="__STATIC__/images/user/s_map.png" />
						<span class="dis_vm"></span>
					</span>
					<input class="right" placeholder="请填写有效地址" />
					<span class="addNum">+5积分</span>
				</li>
				<li>
					<span class="left">
						<img src="__STATIC__/images/user/shop.png" />
						<span class="dis_vm"></span>
					</span>
					<input class="right shop" placeholder="请选择归属门店" />
					<span class="addNum">+5积分</span>
				</li>
				<li>
					<span class="left">
						<img src="__STATIC__/images/user/tel.png" />
						<span class="dis_vm"></span>
					</span>
					<input class="right" placeholder="手机号码" />
					<a class="abtn">发送验证码</a>
				</li>
				<li>
					<span class="left">
						<img src="__STATIC__/images/user/code.png" />
						<span class="dis_vm"></span>
					</span>
					<input class="right" placeholder="请填写验证码" />
				</li>
			</ul>
			<a class="sub-btn">注册</a>
			<p class="c-9"><span class="cr">*</span>注册成功即可获得<span>100</span>积分</p>
		</div>
		<!--弹窗 20170414地址-->
		<div class="layeraddr layermbox layermbox0_1 dn">
			<div class="laymshade"></div>
			<div class="layermmain">
				<div class="section">
					<div class="layermchild  layermanim">
						<div class="layermcont">
							<ul class="tcbox">
								<span class="close"></span>
								<li class="area">
									<div class="tcTit" style="border-bottom: 1px solid #dadada;">
										<&nbsp;重新选择门店 </div>
									<ol class="addr-name" id="category">
									</ol>
								</li>
								<li class="store">
									<div id="category_name" class="tcTit" style="border-bottom: 1px solid #dadada;"><&nbsp;&nbsp; </div>
									<ol class="addr-name" id="pick">

									</ol>
								</li>
							</ul>
							<!--<div class="layermbtn">确定</div>-->
						</div>
					</div>
				</div>
			</div>
		</div>
		<script language="javascript">
			//点击所属门店
			$(".shop").click(function() {
				$(".layeraddr").removeClass("dn");
				get_category();
			});
			//关闭门店弹窗
			$(".layermbox .close").click(function() {
				$(".layermbox").addClass("dn");
			});
			$(".layermbox .area .tcTit").click(function() {
				$(".layermbox").addClass("dn");
			});
		</script>
	</body>

</html>