Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 355 Releases 0 Wiki
Browse Source

新版邀请注册页面

luyanan 7 years ago
parent
b611346f09
commit
a2e775138b
13 changed files with 137 additions and 1 deletions
Split View Show Diff Stats
  1. 42 1
      css/share.css
  2. 95 0
      ekexiu/InvitationNew.html
  3. BIN
      images/frmPageBg.jpg
  4. BIN
      images/wechat_bg_img_nor@3x.png
  5. BIN
      images/wechat_bg_img_wenben_nor@3x.png
  6. BIN
      images/wechat_icon_logo_nor@3x.png
  7. BIN
      images/wechat_icon_mima_nor@3x.png
  8. BIN
      images/wechat_icon_pro_nor@3x.png
  9. BIN
      images/wechat_icon_shouji_nor@3x.png
  10. BIN
      images/wechat_icon_xingming_nor@3x.png
  11. BIN
      images/wechat_icon_xuqiu_nor@3x.png
  12. BIN
      images/wechat_icon_yanzhengma_nor@3x.png
  13. BIN
      images/wechat_icon_yaoqing_nor@3x.png

+ 42 - 1
css/share.css
View File 

@ -79,6 +79,47 @@ html,body {background: #efeff4;}
79 79 
#artical_sth {font-size: 12px;line-height: 14px;color: #999999;}
80 80 
.articalBox {max-width: 640px;margin: 6px auto 26px;padding: 4px 16px;color: #555555;}
81 81
82
82 
/*--------------------邀请好友注册科袖2017.4.28--------------*/
83 
@media (min-width: 768px){
84 
	.invitebody .form-inline .form-group {display:block;margin-bottom: 15px;vertical-align: middle;}
85 
}
86 
.invitebody .form-control:-moz-placeholder {color: rgba(256,256,256,1);}
87 
.invitebody .form-control::-moz-placeholder {color: rgba(256,256,256,1);}
88 
.invitebody input.form-control:-ms-input-placeholder,textarea:-ms-input-placeholder {color: rgba(256,256,256,1)}
89 
.invitebody input.form-control::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: rgba(256,256,256,1)}
90
91 
.invitebody .form-group{overflow: hidden;}
92 
.invitebody .input-group{position:relative;width:100%;border:1px solid #FFFFFF;margin:16px 0;border-radius:6px;}
93 
.invitebody .form-control{width:100%;border:none;background:none;box-shadow: none;height: 42px;font-size: 16px;line-height: 20px;color:#FFFFFF;
94 
 padding-left:44px;background-position:14px center;background-repeat: no-repeat;background-size:auto 20px;}
95 
.invitebody .form-control:focus{box-shadow: none;}
96 
.invitebody .form-control.input_name{background-image: url(../images/wechat_icon_xingming_nor@3x.png);}
97 
.invitebody .form-control.input_phone{background-image: url(../images/wechat_icon_shouji_nor@3x.png);}
98 
.invitebody .form-control.input_code{background-image: url(../images/wechat_icon_yanzhengma_nor@3x.png);}
99 
.invitebody .form-control.input_pwd{background-image: url(../images/wechat_icon_mima_nor@3x.png);}
100
101 
.invitebody .btn{font-size: 16px;line-height: 1;color:#FFFFFF;margin: 30px 0;padding: 12px 16px;}
102 
.invitebody .btn[disabled]{opacity: 0.65;color:#AAAAAA;}
103 
.invitebody .btn.input-group-addon{width:auto;border:none;position: absolute;right: 0;top:50%;margin-top:-21px;cursor: pointer;padding: 14px 24px 13px;border-radius:6px;}
104 
.invitebody .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child){border-radius:5px;}
105 
.invitebody .protocollink{ color: #FFFFFF;}
106 
.invitebody .checkReg.checkboxT{padding:0;margin-top:-22px;color: #FFFFFF;font-size: 14px;}
107 
.invitebody .checkBg{background: url(../images/checkApp.png) 0 center no-repeat;padding-left:18px;line-height: 24px; background-size:auto 14px;}
108 
.invitebody .canPoint{background: rgba(256,256,256,1);color:#ff9900;opacity: 0.8;}/*按钮可点击状态*/
109 
.invitebody .canPoint:hover{box-shadow: 0px 0px 16px rgba(255,255,255,0.4) inset;color:#ff9900;outline: none;}
110 
/*logo盒子的相关*/
111 
.invitebody .logobox{ padding:6% 6% 3% 6%; margin:14% auto 10px; }
112 
.invitebody .logolink{display: block;max-width:36%;min-width:100px;margin: auto;}
113 
.invitebody .logoimg{ width: 100%; margin: auto; text-align:center;}
114 
.invitebody .inviteTit{text-align: center; font-size: 18px;line-height: 30px;margin:30px 0;color:#FFFFFF;}
115 
.invitebody .inviteTit span{font-size:18px;line-height: 44px; padding:0 6px;}
116 
.invitebody .bomb-box{background-color:rgba(000,000,000,0.5); padding:5px 15px; border-radius:50px; font-size: 12px; color: #fff; text-align:center; position: absolute; display: inline; left:50%; top:25%}
117 
.invitebody .inforbox{padding:20px 0 10px;}
118 
.invitebody .inforbox ul{padding:10px 0;}
119 
.invitebody .inforbox ul li{position: relative;margin:12px 0;}
120 
.invitebody .inforbox .lefticon{position: absolute;top:4px;width: 24px;height: 24px;}
121 
.invitebody .inforbox .rightcon{padding-left:36px;color: #FFFFFF;}
122 
.invitebody .inforbox .rightcon h2{font-size:16px;line-height:26px;}
123 
.invitebody .inforbox .rightcon p{font-size:14px;line-height:20px;}
83 124
84 125

+ 95 - 0
ekexiu/InvitationNew.html
View File 

@ -0,0 +1,95 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta charset="UTF-8">
5 
<title>科袖网，搭建企业与专家的桥梁</title>
6 
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
<link rel="stylesheet" href="../css/bootstrap.min.css">
8 
<link rel="stylesheet" href="../css/reset.css">
9 
<link rel="stylesheet" href="../css/common.css">
10 
<link rel="stylesheet" href="../css/share.css">
11 
<style type="text/css">
12 
	html,body{min-height: auto;background: url(../images/wechat_bg_img_nor@3x.png) no-repeat;background-size:cover;background-attachment: fixed;}
13 
</style>
14 
</head>
15 
<body class="invitebody">
16 
<div class="contentBody2" style="max-width: 640px;margin:auto;">
17 
	<div class="logobox">
18 
		<a class="logolink" href="javascript:;">
19 
			<img class="logoimg" src="../images/wechat_icon_logo_nor@3x.png" />
20 
		</a>
21 
	</div>
22
23 
	<form class="form-inline" role="form" style="width: 90%;margin:auto">
24 
		<!--填写表单信息-->
25 
		<div class="formblock">
26 
			<div class="inviteTit">
27 
				<span></span> 邀请您加入「科袖」
28 
			</div>
29 
			<div class="form-group">
30 
				<div class="input-group">
31 
			    	<input type="text" class="form-control input_name" placeholder="请输入您的姓名" id="username" autocomplete="off">
32 
			    </div>
33 
				<div class="input-group">
34 
			    	<input type="phone" class="form-control input_phone" placeholder="请输入您的手机号码" id="userphone" autocomplete="off">
35 
			    </div>
36 
			    <div class="input-group">
37 
			      <input class="form-control input_code" type="text" placeholder="请输入验证码" id="code" autocomplete="off">
38 
			      <button type="button" class="btn input-group-addon canPoint" id="obtain-code">获取验证码</button>
39 
			    </div>
40 
			    <div class="input-group">
41 
			    	<input type="password" class="form-control input_pwd" placeholder="请设置您的登录密码" id="password" autocomplete="off">
42 
			    </div>
43 
			</div>
44 
			<div class="checkboxT checkReg">
45 
		        <div class="checkBg">
46 
		        	已同意 <a href="privacyApp.html" class="protocollink" target="_blank">科袖网用户协议</a>
47 
		        </div>
48 
			</div>
49 
		    <button type="button" class="btn btn-lg btn-block canPoint" disabled id="regbtn">注册</button>
50 
	    </div>
51 
	    <!--注册成功时显示-->
52 
	    <div class="inviteSucceed displayNone">
53 
	    	<div class="inviteTit">
54 
				注册成功！<br/>欢迎您加入「科袖」
55 
			</div>
56 
			<a style="margin:60px 0 54px;" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app" class="btn btn-lg btn-block canPoint">点击下载「科袖」app</a>
57 
	    </div>
58 
	    <!--文档信息-->
59 
		<div class="inforbox">
60 
			<img src="../images/wechat_bg_img_wenben_nor@3x.png" width="100%"/>
61 
			<ul>
62 
				<li>
63 
					<img class="lefticon" src="../images/wechat_icon_pro_nor@3x.png"/>
64 
					<div class="rightcon">
65 
						<h2>认证成为「科袖」专家</h2>
66 
						<p>寻找企业合作，将您的科研价值变现！</p>
67 
					</div>
68 
				</li>
69 
				<li>
70 
					<img class="lefticon" src="../images/wechat_icon_xuqiu_nor@3x.png"/>
71 
					<div class="rightcon">
72 
						<h2>发布研发需求</h2>
73 
						<p>寻找专家帮您解决研发难题！</p>
74 
					</div>
75 
				</li>
76 
				<li>
77 
					<img class="lefticon" src="../images/wechat_icon_yaoqing_nor@3x.png"/>
78 
					<div class="rightcon">
79 
						<h2>邀请好友加入</h2>
80 
						<p>获取丰厚积分奖励，好礼随意换！</p>
81 
					</div>
82 
				</li>
83 
			</ul>
84 
		</div>
85 
	</form>
86 
</div>
87
88 
<div class="bomb-box" style="display: none;"></div>
89 
<script type="text/javascript" src="../js/jquery-1.11.1.js" ></script>
90 
<script type="text/javascript" src="../js/jquery.cookie.js" ></script>
91 
<script type="text/javascript" src="../js/common.js" ></script>
92 
<script type="text/javascript" src="../js/invite-friends.js" ></script>
93
94 
</body>
95 
</html>

BIN
images/frmPageBg.jpg
View File


BIN
images/wechat_bg_img_nor@3x.png
View File


BIN
images/wechat_bg_img_wenben_nor@3x.png
View File


BIN
images/wechat_icon_logo_nor@3x.png
View File


BIN
images/wechat_icon_mima_nor@3x.png
View File


BIN
images/wechat_icon_pro_nor@3x.png
View File


BIN
images/wechat_icon_shouji_nor@3x.png
View File


BIN
images/wechat_icon_xingming_nor@3x.png
View File


BIN
images/wechat_icon_xuqiu_nor@3x.png
View File


BIN
images/wechat_icon_yanzhengma_nor@3x.png
View File


BIN
images/wechat_icon_yaoqing_nor@3x.png
View File