Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.com.portal
Watch 7
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 85 Releases 0 Wiki
Browse Source

添加邮箱注册激活界面和个人信息完善界面

luyanan 8 years ago
parent
d01b022c12
commit
779c027140
7 changed files with 239 additions and 19 deletions
Split View Show Diff Stats
  1. 88 0
      src/main/webapp/bind-mail.html
  2. 2 2
      src/main/webapp/css/index.css
  3. 39 4
      src/main/webapp/css/login.css
  4. 97 0
      src/main/webapp/information-add.html
  5. 1 1
      src/main/webapp/information.html
  6. 6 6
      src/main/webapp/page/photo-set1.html
  7. 6 6
      src/main/webapp/photo-set.html

+ 88 - 0
src/main/webapp/bind-mail.html
View File 

@ -0,0 +1,88 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
-->
6 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
8
9 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
10 
<title>科袖-邮箱验证</title>
11
12 
<link rel="stylesheet" href="css/reset.css" />
13 
<link type="text/css" href="css/login.css" rel="stylesheet">
14 
<link type="text/css" href="css/common.css" rel="stylesheet">
15 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
16 
</head>
17
18 
<body>
19
20 
<div class="completedcover">
21 
    <!--/*是否完善信息提示*/-->
22 
    <div class="vercompleted">
23 
        <h3>已经完成注册，是否现在去完善个人信息？</h3>
24 
        <div class="verbtnbox">
25 
            <a href="information-add.html" class="verbtn" onClick="" >现在完善</a>
26 
            <a href="index.html" class="verbtn">以后再说</a>
27 
        </div>
28 
    </div>
29 
</div>
30 
<div id="header" style="position:static;">
31 
	<a href="index.html" alt="科袖" class="logo"></a>
32 
</div>
33 
<div class="container">
34 
	<div class="contentmid">
35 
    	<!--/*邮箱验证提示*/-->
36 
    	<dl class="mailsection">
37 
            <dt class="statelable">
38 
                <h2>注册邮箱验证</h2>
39 
            </dt>
40 
            <dd class="msgnotice">
41 
                <h4 class="noticecon">验证邮箱，完成注册</h4>
42 
                <div class="emailus">
43 
                    我们已将验证邮件发送至邮箱：<a title="2648054714@qq.com">2648054714@qq.com</a>
44 
                    <br> 点击邮件内的链接即可完成注册，完善信息即可使用科袖网所有功能。
45 
                </div>
46 
                <a href="https://mail.qq.com/" class="maillink" target="_blank">登录邮箱验证</a>
47 
            </dd>
48 
            <dd class="msgnotice">
49 
                <h5>没有收到验证邮件，怎么办？</h5>
50 
                <div class="contacttip">
51 
                    邮箱填写错误？ <a href="">换个邮箱</a>
52 
                    <br> 看看是否在邮箱的垃圾邮件、广告邮件目录里
53 
                    <br> 稍等几分钟，若还未收到验证邮件， <a href="javascript:void(0)" id="resend_main">重新发送验证邮件</a>
54 
                </div>
55 
            </dd>
56 
        </dl>
57 
    </div>
58 
</div>
59
60 
<div id="footer">
61 
	<div class="footer-top">
62 
		<div class="footerL">
63 
			<div class="footer-logo"></div>
64 
			<div class="link">
65 
				<a href="#">入驻科袖</a>｜
66 
				<a href="#">申请认证</a>｜
67 
				<a href="#">常见问题</a>｜
68 
				<a href="#">意见反馈</a>｜
69 
				<a href="#">关于我们</a>｜
70 
				<a href="#">加入我们</a>
71 
			</div>
72 
			<p class="customer">客服电话：<span>400-xxx-xxxx</span></p>
73 
			<p class="customer">工作时间：<span>周一至周五09:00-17:00</span></p>
74 
		</div>
75 
		<div class="footerR">
76 
			<div class="code"><img src="images/code.jpg"></div>
77 
			<p>欢迎扫码关注微信公众平台</p>
78 
			<a href="#" class="foot-icon foot-icon1"></a>
79 
			<a href="#" class="foot-icon foot-icon2"></a>
80 
			<a href="#" class="foot-icon foot-icon3"></a>
81 
			<a href="#" class="foot-icon foot-icon4"></a>
82 
		</div>
83 
	</div>
84 
	<div class="footer-btm">本站由 阿里云 提供计算与安全服务 Copyright © 2016~2017 科袖 | 京ICP备12345678号 | 京ICP证123456号 | 京公网安备11010800011111号 | 网站联盟安全认证</div>
85 
</div>
86
87 
</body>
88 
</html>

+ 2 - 2
src/main/webapp/css/index.css
View File 

@ -291,13 +291,13 @@ label.edu-radio{ float:none;font:16px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei
291 291 
.head-org{ float:left;  position: relative;width:180px; height:180px; overflow:hidden;}
292 292
293 293 
.similarblock{ overflow:hidden; margin:0 10px; padding:10px; border-bottom:1px dashed #d6d6d6;}
294 
.similarblock .evaimg{ float:left; margin-right:20px;}
294 
.similarblock .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:50%; float:left; margin-right:20px;}
295 295 
.rightsim{ max-width:160px; overflow:hidden; float:left;}
296 296 
.rightsim p{text-overflow:ellipsis;  white-space:nowrap;overflow:hidden;font:12px/16px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; }
297 297
298 298 
.subuser{ overflow:hidden;}
299 299 
.subuser li{ overflow:hidden; float:left; text-align:center; padding:10px; width:24%; list-style:none;}
300 
.subuser li .evaimg{ width:120px; height:120px;}
300 
.subuser li .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:50%; margin:auto;}
301 301
302 302
303 303

+ 39 - 4
src/main/webapp/css/login.css
View File 

@ -6,6 +6,7 @@ html,body{ cursor:default; margin:0; height:100%;}
6 6 
#footer{ width:100%; height:50%; background:#dbdbdb;}
7 7
8 8 
.inputtxt{ width:100%; height:44px;border:1px #e4e4e4 solid; border-radius:10px;background:url(../images/input-bg.jpg); box-shadow:0px 1px 1px #d6d6d6; margin:4px 0; text-indent:1.4em;box-sizing: content-box;}
9 
.inputtxtbtn{text-indent:0em;}
9 10 
.inputtxt:focus{ border:1px solid #ff8400;}
10 11 
.input_warning{ border:1px solid red; }
11 12 
.submitBtn {display: block; font-size:16px;width: 100%;cursor:pointer;height: 44px;text-indent:0;line-height: 44px;background: #ff8400;text-align: center;margin: 15px 0px;color: #fff;border:1px solid #ff8400;}

@ -118,7 +119,7 @@ html,body{ cursor:default; margin:0; height:100%;}
118 119 
.load{font:16px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; text-align:center;/* border:1px solid red;*/ margin-top:200px;margin-bottom:200px;}
119 120 
.load p{font:14px/14px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";}
120 121 
.upbtn{width: 140px;height: 34px; border-radius:10px; border:1px #dfdfdf solid; background:#fff; position:relative; margin-top:10px; cursor:pointer;}
121 
.filebtn{ width:100px; height:30px; box-shadow:none;opacity:0; position:absolute; left:-20px; top:-25px; cursor:pointer;}
122 
.filebtn{ width: 200px; height: 80px; box-shadow:none;opacity:0; position:absolute; left:-20px; top:-25px; cursor:pointer;}
122 123 
#uploadBtn{ float:left; box-shadow:none; border:1px #dfdfdf solid; width:140px; height:32px; border-radius:10px; background:#fff;margin-top:10px; margin-left:100px; cursor:pointer; }
123 124 
.fl{ float:left;}
124 125 


@ -158,6 +159,40 @@ html,body{ cursor:default; margin:0; height:100%;}
158 159 
.agreeNotice em {background: url(../images/check.png) left -12px no-repeat; width: 14px; height: 12px;display: block;float: left;margin-top: 4px; margin-right: 3px;}
159 160 
.agreeNotice,.agreeNotice a{ color:#555; margin-left:4px;}
160 161
161
162
163
162 
/*验证邮箱跳转页面*/
163 
.container{ width:1024px;  background:#fff; margin:auto; margin-top:35px; padding:0 25px; padding-bottom:40px; border-radius:10px; }
164 
.contentmid{ padding:20px 40px;background: #f8f8f8; width:680px; margin:auto;}
165 
.mailsection{  margin-bottom: 40px; position: relative; background-color: #fafafa;}
166 
.statelable{ position:relative;  height:60px;}
167 
.statelable h2{color: #fff; font-size: 22px;font-weight:400; line-height:48px;background: #ff8400;padding: 0 40px; position: absolute; right:-10px; top:-10px;z-index: 2; border-radius: 20px 0 0 20px; }
168 
.msgnotice{padding:20px 50px ;color: #555; background:#fff; }
169 
.msgnotice .noticecon{font-weight: 400; font-size: 24px; margin: 30px 0;line-height: 22px;}
170 
.msgnotice .emailus{ line-height:28px;}
171 
.msgnotice .emailus a { font-size: 18px; color: #ff8400;}
172 
.msgnotice .maillink{ display:block; font-size:14px; width:100px; text-align:center; margin-top:20px; padding:8px 30px; border-radius:10px;background:#ff8400; color:#fff;}
173 
.msgnotice:last-child{ border-top:1px #d6d6d6 dashed;}
174 
.msgnotice h5{ font-size: 18px; color: #555;font-weight: 400;line-height: 40px;margin: 0;}
175 
.msgnotice .contacttip{ margin-bottom:20px;}
176 
.msgnotice .contacttip a{ color:#ff8400;}
177
178 
/*弹窗提示完善信息*/
179 
.completedcover{ position:fixed; width:100%; height:100%;background:rgba(0,0,0,.6); z-index:10; display:none;}
180 
.vercompleted{ border:1px solid #ddd; border-radius:10px; width:400px; position:absolute; top:20%; left:50%; margin-left:-240px; padding:20px 50px ;color: #555; background:#fff; text-align:center; z-index:11; }
181 
.vercompleted h3{font-weight: 400; font-size:18px; margin: 30px 0;line-height: 22px;}
182 
.vercompleted .verbtnbox{ overflow:hidden; width:320px;  margin:auto; border-top:1px #d6d6d6 dashed; padding:20px 0;}
183 
.vercompleted .verbtnbox a{ float:left; margin:0 20px; padding:8px 30px;  border-radius:10px;background:#ff8400; color:#fff;}
184
185 
/*完善信息页面*/
186
187 
.basicinforbox{  margin-bottom: 20px; padding:20px; position: relative; background: rgba(255,132,0,.8); border-radius:20px;}
188 
.basicinfor{ position:relative; width:420px; background:#fff; padding:40px; margin:40px auto;border-radius:20px;}
189 
.basicinfor h3{font-weight: 400; font-size:24px; margin-top:60px;line-height:40px; text-align:center; }
190 
.basicinfor table{ margin: 20px;width:360px;}
191 
.basicinfor table tr td{ padding:4px 2px;}
192 
.basictype{ font-weight:normal; text-align:right;}
193 
.basiccon{ padding:0 10px; width:100%; position:relative; min-width:240px;}
194 
.basiccon .requiredcon{ color:red; position:absolute;font-size:16px; top:0; right:-10px;}
195 
.basicinfor table .basicmsgbox td{padding:0; margin:0;}
196 
.basicmsg{ clear:both;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:red; padding-left:20px; background:url(../images/info_warn.png) 0 center no-repeat; }
197 
.basicinfor .default-photo{ width:160px; height:160px; border-radius:50%; position:absolute; top:10px; left:50%; margin-left:-82px; background:url(../images/default-photo.jpg) center center; overflow:hidden; border:4px #c9c9c9 solid;}
198 
.basicinfor .default-photo a{ position:absolute; bottom:0; display:block; background:url(../images/take-photo.png) center center no-repeat rgba(0,0,0,.4); width:100%; height:50%; z-index:4;}

+ 97 - 0
src/main/webapp/information-add.html
View File 

@ -0,0 +1,97 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
-->
6 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
8
9 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
10 
<title>科袖-基本信息</title>
11
12 
<link rel="stylesheet" href="css/reset.css" />
13 
<link type="text/css" href="css/login.css" rel="stylesheet">
14 
<link type="text/css" href="css/common.css" rel="stylesheet">
15 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
16 
</head>
17
18 
<body>
19 
<div id="header" style="position:static;">
20 
	<a href="index.html" alt="科袖" class="logo"></a>
21 
</div>
22 
<div class="container">
23 
	<div class="contentmid">
24 
    	<!--/*完善信息*/-->
25 
        <div class="basicinforbox">
26 
        	<div class="basicinfor">
27 
            	<!--默认头像!-->
28 
				<div class="default-photo"><a href="photo-set.html"></a></div>
29 
            	<h3>请填写个人信息</h3>
30 
            	<table>
31 
                	<tr>
32 
                    	<td><div class="basictype">姓名</div></td>
33 
                        <td><div class="basiccon"><input type="text" class="inputtxt" name="name"><span class="requiredcon">*</span></div></td>
34 
                    </tr>
35 
                    <tr class="basicmsgbox"><th></th><td><div class="basiccon"><div class="basicmsg basicmsg1"></div></div></td></tr>
36 
                    <tr>
37 
                    	<td><div class="basictype">机构</div></td>
38 
                        <td><div class="basiccon"><input type="text" class="inputtxt" name="org"><span class="requiredcon">*</span></div></td>
39 
                    </tr>
40 
                     <tr class="basicmsgbox"><th></th><td><div class="basiccon"><div class="basicmsg basicmsg2"></div></div></td></tr>
41 
                    <tr>
42 
                    	<td><div class="basictype">部门</div></td>
43 
                        <td><div class="basiccon"><input type="text" class="inputtxt" name="depart"></div></td>
44 
                    </tr>
45 
                    <tr>
46 
                    	<td><div class="basictype">职称</div></td>
47 
                        <td><div class="basiccon"><input type="text" class="inputtxt" name="ptit"></div></td>
48 
                    </tr>
49 
                     <tr>
50 
                    	<td><div class="basictype">职位</div></td>
51 
                        <td><div class="basiccon"><input type="text" class="inputtxt" name="post"></div></td>
52 
                    </tr>
53
54 
                    <tr>
55 
                    	<td colspan="2">
56 
                            <div class="basiccon">
57 
                                <div class="addrebtn" style="text-align:center;">
58 
                                    <input type="button" value="保存" class="inputtxt submitBtn">
59 
                                </div>
60 
                            </div>
61 
                        </td>
62 
                    </tr>
63 
                </table>
64 
            </div>
65 
        </div>
66 
    </div>
67 
</div>
68
69 
<div id="footer">
70 
	<div class="footer-top">
71 
		<div class="footerL">
72 
			<div class="footer-logo"></div>
73 
			<div class="link">
74 
				<a href="#">入驻科袖</a>｜
75 
				<a href="#">申请认证</a>｜
76 
				<a href="#">常见问题</a>｜
77 
				<a href="#">意见反馈</a>｜
78 
				<a href="#">关于我们</a>｜
79 
				<a href="#">加入我们</a>
80 
			</div>
81 
			<p class="customer">客服电话：<span>400-xxx-xxxx</span></p>
82 
			<p class="customer">工作时间：<span>周一至周五09:00-17:00</span></p>
83 
		</div>
84 
		<div class="footerR">
85 
			<div class="code"><img src="images/code.jpg"></div>
86 
			<p>欢迎扫码关注微信公众平台</p>
87 
			<a href="#" class="foot-icon foot-icon1"></a>
88 
			<a href="#" class="foot-icon foot-icon2"></a>
89 
			<a href="#" class="foot-icon foot-icon3"></a>
90 
			<a href="#" class="foot-icon foot-icon4"></a>
91 
		</div>
92 
	</div>
93 
	<div class="footer-btm">本站由 阿里云 提供计算与安全服务 Copyright © 2016~2017 科袖 | 京ICP备12345678号 | 京ICP证123456号 | 京公网安备11010800011111号 | 网站联盟安全认证</div>
94 
</div>
95
96 
</body>
97 
</html>

+ 1 - 1
src/main/webapp/information.html
View File 

@ -52,7 +52,7 @@
52 52 
<div id="container">
53 53 
	<div class="content">
54 54 
		<div class="information-head">
55 
			<div class="head-left"><a href="#"><img id="headImage"></a></div>
55 
			<div class="head-left"><a href="#"><img id="headImage"><a href="photo-set.html" class="replace-photo"></a></a></div>
56 56 
			<div class="head-center">
57 57 
				<div class="infor-browse">
58 58 
					<a href="#" class="named" id="nameS"></a><a href="#" class="modify"></a><a class="edit" ></a>

+ 6 - 6
src/main/webapp/page/photo-set1.html
View File 

@ -77,9 +77,9 @@
77 77 
                    -->
78 78 
                    <div class="clear"></div>
79 79 
                </div>
80 
				<input type="button" value="保存" class="save" id="saveImage">
81 
				<input type="button" value="取消" class="close" >
82 
				<input type="button" value="返回" id="back" >
80 
				<input type="button" value="保存" class="inputtxt inputtxtbtn save" id="saveImage">
81 
				<input type="button" value="取消" class="inputtxt inputtxtbtn close" >
82 
				<input type="button" value="返回" class="inputtxt inputtxtbtn" id="back" >
83 83
84 84 
			 </div>
85 85 
             

@ -124,7 +124,7 @@ $(function (){
124 124 
						cacheImageKey =$data.data[0].cacheKey
125 125 
						$("#headImage").attr("src","/images/tmp/"+cacheImageKey);
126 126 
					}else{
127 
						alert($data.msg);
127 
						$.MsgBox.Alert("message",$data.msg);
128 128 
					}
129 129 
				},
130 130 
				error:function(){

@ -147,10 +147,10 @@ $(function (){
147 147 
				dataType:"json",
148 148 
				success:function($data){
149 149 
					if($data.success){
150 
						alert("上传成功");
150 
						$.MsgBox.Alert("消息","上传成功");
151 151 
						location.reload(true);
152 152 
					}else{
153 
						alert($data.msg);
153 
						$.MsgBox.Alert("message",$data.msg);
154 154 
					}
155 155 
				}
156 156 
			});

+ 6 - 6
src/main/webapp/photo-set.html
View File 

@ -81,9 +81,9 @@
81 81 
                    -->
82 82 
                    <div class="clear"></div>
83 83 
                </div>
84 
				<input type="button" value="保存" class="save" id="saveImage">
85 
				<input type="button" value="取消" class="close" >
86 
				<input type="button" value="返回" id="back" >
84 
				<input type="button" value="保存" class="inputtxt inputtxtbtn save" id="saveImage">
85 
				<input type="button" value="取消" class="inputtxt inputtxtbtn  close" >
86 
				<input type="button" value="返回" class="inputtxt inputtxtbtn " id="back" >
87 87
88 88 
			 </div>
89 89 
             

@ -119,7 +119,7 @@ $(function (){
119 119 
						$("#middleImage").attr("src","/images/tmp/"+cacheImageKey);
120 120 
						$("#largeImage").attr("src","/images/tmp/"+cacheImageKey);
121 121 
					}else{
122 
						alert($data.msg);
122 
						$.MsgBox.Alert("message",$data.msg);
123 123 
					}
124 124 
				},
125 125 
				error:function(){

@ -142,10 +142,10 @@ $(function (){
142 142 
				dataType:"json",
143 143 
				success:function($data){
144 144 
					if($data.success){
145 
						alert("上传成功");
145 
						$.MsgBox.Alert("消息","上传成功");
146 146 
						location.reload(true);
147 147 
					}else{
148 
						alert($data.msg);
148 
						$.MsgBox.Alert("message",$data.msg);
149 149 
					}
150 150 
				}
151 151 
			});