dengzhiguo 7 роки тому
батько
коміт
94546919da
9 змінених файлів з 157 додано та 16 видалено
  1. BIN
      img/huodong.jpg
  2. BIN
      img/name.jpg
  3. BIN
      img/pass2.jpg
  4. BIN
      img/zhuce_02.jpg
  5. BIN
      img/zhucebg.jpg
  6. BIN
      img/zhucebg5.jpg
  7. 51 1
      src/css/registered.css
  8. 38 5
      src/js/registered.js
  9. 68 10
      template/registered.html

BIN
img/huodong.jpg




BIN
img/zhuce_02.jpg


BIN
img/zhucebg.jpg


BIN
img/zhucebg5.jpg


+ 51 - 1
src/css/registered.css

@@ -16,4 +16,54 @@ a:hover{color:#000;text-decoration:none;}
 .clear{clear:both;}
 
 input:focus{outline: none;}
-ul,ol{padding: 0;margin: 0;list-style: none;}
+ul,ol{padding: 0;margin: 0;list-style: none;}
+
+/*registered页面container的css*/
+.registered{width:100%;height:973px;}
+.reg_con{width:1200px;height:973px;margin:0 auto;
+    background-image:url(../../img/zhucebg5.jpg);}
+.clear_first{width:100%;height:1px;}
+.zhuce{width:775px;height:505px;margin:0 auto;margin-top:80px;
+    background: #fff; }
+.title{width:100%;height:50px;font-size: 2rem;color:#5C5C5D;
+line-height:50px;padding-left:50px;}
+
+.regist{width:350px;height:450px;padding-left:50px;display: inline-block;}
+.zhuce_input{width:255px;height:40px;border:1px solid #E5E5E5;
+margin-bottom:10px;line-height:38px;}
+.zhuce_input>input{border:none;}
+.yanzheng{width:255px;height:40px;position: relative;margin-bottom:10px;}
+.yanzhengma{width:165px;height:40px;border:1px solid #E5E5E5;
+    line-height: 38px;display:inline-block;margin-right:10px;}
+.yanzhengma>input{border:none;padding-left:10px;}
+.yanzhengma_cont{display:inline-block;width:80px;height:40px;line-height: 38px;
+    position: absolute;top:0;right:0;background: red;}
+.cellcode{width:255px;height:40px;position: relative;margin-bottom:10px;}
+.cellcode>div{width:165px;height:40px;border:1px solid #E5E5E5;
+    line-height: 38px;display:inline-block;margin-right:10px;}
+input{border:none;padding-left:10px;}
+.cellcode>a{color:#F18101;}
+.leibie{width:120px;height:40px;display:inline-block;color:#F18101;font-size: 1.4rem;
+    line-height: 38px;font-weight: bold;}
+.leibie>input{display:inline-block;width:15px;height:15px;margin-right: 5px;}
+.businessName{width:255px;height:40px;border:1px solid #E5E5E5;
+    margin-bottom:10px;line-height:38px;}
+.linkmanName{width:255px;height:40px;border:1px solid #E5E5E5;
+    margin-bottom:10px;line-height:38px;}
+.submit{width:255px;height:40px;border:1px solid #E5E5E5;
+    margin-bottom:10px;line-height:38px;}
+.submit>input{width:100%;height:100%;background-color: #F18101;color:#fff;
+font-size: 1.8rem;font-weight: bold;letter-spacing:20px;}
+
+.picture{width:420px;height:420px;border-left:1px solid #E5E5E5;
+    display: inline-block;position: relative;}
+.denglu{width:400px;height:20px;text-align: right;display: inline-block;
+position: absolute;top:0;left:0;}
+.denglu>a{color:#F18101;}
+.huodong{position: absolute;top:20px;left:0;}
+
+
+
+
+
+

+ 38 - 5
src/js/registered.js

@@ -1,5 +1,38 @@
-import '../css/bootstrap.less';
-import 'bootstrap/dist/js/bootstrap.js';
-import '../css/public.css'; 
-import '../css/registered.css';
-import './public.js'
+//import '../css/bootstrap.less';
+//import 'bootstrap/dist/js/bootstrap.js';
+//import '../css/public.css';
+//import '../css/registered.css';
+//import './public.js'
+(function(){
+    $("#zhuangjia").click(function(){
+        console.log(1);
+        var a=$("#zhuangjia").val();
+        console.log(a);
+
+    });
+    $("#qiye").click(function(){
+        console.log(2);
+
+    });
+})();
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 68 - 10
template/registered.html

@@ -9,9 +9,10 @@
 	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>登陆/注册</title>
-    <!--<link rel="stylesheet" href="../src/css/bootstrap.css" />
-    <link rel="stylesheet" href="../src/css/public.css" />
-    <link rel="stylesheet" type="text/css" href="../src/css/index_home.css"/>-->
+    <!--<link rel="stylesheet" href="../src/css/bootstrap.css" />-->
+    <!--<link rel="stylesheet" href="../src/css/public.css" />-->
+    <!--<link rel="stylesheet" type="text/css" href="../src/css/index_home.css"/>-->
+	<!--<link rel="stylesheet" href="../src/css/registered.css"/>-->
 </head>
 <body>  	
   	<header>
@@ -34,7 +35,7 @@
   			</div>
   		</div>
   	</header>
-  	<div class="banner container">
+  	<!--<div class="banner container">
   		<div class="banner_box" >  			 		
 	  		<ul>
 	  			<li><img src="../img/banner1.png" alt="" class="banner_imgs"/></li>	  					  					  				  						  					  		
@@ -90,10 +91,66 @@
   			<img src="../img/index_pre.png" alt="" class="index_pre" />
   			<img src="../img/index_next.png" alt="" class="banner_next" />
   		</div>
-  	</div>
+  	</div>-->
   	<!--主体内容区域开始-->
-  	<div class="container">
-  		
+  	<div class="registered">
+  		<div class="reg_con">
+			<form action="">
+				<div class="clear_first"></div>
+				<div class="zhuce">
+					<div class="title">用户注册</div>
+					<div class="regist">
+						<div class="zhuce_input">
+							<img src="../img/name.jpg" alt=""/>
+							<input type="text" name="userName" placeholder="用户名/邮箱/手机"  />
+						</div>
+						<div class="zhuce_input">
+							<img src="../img/pass2.jpg" alt=""/>
+							<input type="password" name="userPassword" placeholder="请输入密码" />
+						</div>
+						<div class="zhuce_input">
+							<img src="../img/pass2.jpg" alt=""/>
+							<input type="password" name="userPassword2" placeholder="确认密码" />
+						</div>
+						<div class="yanzheng">
+							<div class="yanzhengma">
+								<input type="text" name="picCode" placeholder="验证码"/>
+							</div>
+							<div class="yanzhengma_cont"></div>
+						</div>
+						<div class="cellcode">
+							<div>
+								<input type="text" name="cellCode" placeholder="手机验证码"/>
+							</div>
+							<a href="#">获取验证码</a>
+						</div>
+						<div class="leibie">
+							<input type="radio" name="leibie" id="zhuangjia" value="0"/>
+							<label for="zhuangjia">我是专家</label>
+						</div>
+						<div class="leibie">
+							<input type="radio" name="leibie" id="qiye" value="1"/>
+							<label for="qiye">我是企业</label>
+						</div>
+						<div class="businessName">
+							<input type="text" name="businessName" placeholder="单位名称" id="business"/>
+						</div>
+						<div class="linkmanName">
+							<input type="text" name="linkmanName" placeholder="单位联系人姓名" id="linkman"/>
+						</div>
+						<div class="submit">
+							<input type="submit"/>
+						</div>
+					</div>
+					<div class="picture">
+						<div class="denglu">已有账号?去 <a href="#">登陆</a></div>
+						<a href="#" class="clear huodong">
+							<img src="../img/huodong.jpg" alt=""/>
+						</a>
+					</div>
+				</div>
+			</form>
+		</div>
   	</div>
   	<!--主体内容区域结束-->
 	<div id="bottom">
@@ -150,8 +207,9 @@
 
 	</div>
 </body>
-<!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>
-<script type="text/javascript" src="../src/js/index.js"></script>
-<script type="text/javascript" src="../src/js/public.js"></script>-->
+<!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>-->
+<!--&lt;!&ndash;<script type="text/javascript" src="../src/js/index.js"></script>&ndash;&gt;-->
+<!--<script type="text/javascript" src="../src/js/public.js"></script>-->
+<!--<script type="text/javascript" src="../src/js/registered.js"></script>-->
 
 </html>