Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 538 Releases 0 Wiki
Browse Source

身份选择和完善信息

luyanan 8 years ago
parent
917d73569e
commit
d7645c3ca3
13 changed files with 172 additions and 3 deletions
Split View Show Diff Stats
  1. 29 3
      app/css/app.css
  2. 75 0
      app/html/fillinfo-select.html
  3. 68 0
      app/html/fillinfoNew.html
  4. BIN
      app/images/login_bg_tishi_3_nor@3x.png
  5. BIN
      app/images/login_icon_hr_nor@3x.png
  6. BIN
      app/images/login_icon_jishu_nor@3x.png
  7. BIN
      app/images/login_icon_keyan_nor@3x.png
  8. BIN
      app/images/login_icon_putong_nor@3x.png
  9. BIN
      app/images/login_icon_qiyegaoguan_nor@3x.png
  10. BIN
      app/images/login_icon_touzifang_nor@3x.png
  11. BIN
      app/images/login_icon_xiaoshou_nor@3x.png
  12. BIN
      app/images/login_icon_xuesheng_nor@3x.png
  13. BIN
      app/images/login_icon_zixun_nor@3x.png

+ 29 - 3
app/css/app.css
View File 

@ -96,6 +96,7 @@ body{ color: #666666; font-size:14px;line-height:20px;}
96 96 
div.textareabox{font-size:14px;padding:2px;-webkit-user-select:text;-webkit-user-modify: read-write-plaintext-only;}
97 97 
div.textareaboxEmp:empty:before {content: attr(placeholder);font-size:14px;display: block;color: #AAAAAA;}
98 98 
div.textareaboxEmp:focus{content:none;}
99 
div.textareaboxEmp:focus:before{content:none;}
99 100 
.borderarea{border-bottom: 1px solid #F0F0F0;}
100 101 
.limitNum{font-size:13px;text-align: right;color:#BBBBBB;}
101 102 
/*必填项样式*/

@ -428,7 +429,7 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e733";font-size:1
428 429
429 430 
.selectbox{padding:0;/* margin: 4px 0;*/}
430 431
431 
.downarrow{ position:absolute; right:10px; top:50%; margin-top:-12px; color: #999999; font-size: 18px;}
432 
.downarrow{ position:absolute; right:10px; top:50%; margin-top:-12px; color: #999999;}
432 433 
.timearea{ float: left; width: 46%;}
433 434 
.timeareashow{float: left; width: 46%; position: relative; border-bottom:1px #F0F0F0 solid;  }
434 435 
.timearea:last-child{float: right; margin-left:4% ;}

@ -971,5 +972,30 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
971 972 
.protocolbox .icon-yuanxingxuanzhongfill{color:#ff9900;font-size:16px;}
972 973
973 974 
/*微信绑定手机或账户*/
974 
.bindtip{padding:6% 20% 4%;}
975
975 
.bindtip{text-align: center; margin:6% auto;}
976 
.bindtip img{height:16px;width: auto;}
977 
/*身份选择*/
978 
.selectSortBox .mui-table-view{background: none;border-color:transparent;margin-top:20px;}
979 
.selectSortBox .mui-grid-view.mui-grid-9 .mui-table-view-cell{border-color:transparent;}
980 
.selectSortBox .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{margin-top:10px}
981 
.selectSortBox .mui-table-view.mui-grid-view .mui-table-view-cell.selectNow{background: #E5E5E5;}
982 
.selectSort{display: inline-block;width: 74px;height: 74px;background-repeat:no-repeat;background-position: center;background-size: cover;}
983 
.selectSort.sort-pro{background-image: url(../images/login_icon_keyan_nor@3x.png);}
984 
.selectSort.sort-mana{background-image: url(../images/login_icon_qiyegaoguan_nor@3x.png);}
985 
.selectSort.sort-stu{background-image: url(../images/login_icon_xuesheng_nor@3x.png);}
986 
.selectSort.sort-skill{background-image: url(../images/login_icon_jishu_nor@3x.png);}
987 
.selectSort.sort-hr{background-image: url(../images/login_icon_hr_nor@3x.png);}
988 
.selectSort.sort-sale{background-image: url(../images/login_icon_xiaoshou_nor@3x.png);}
989 
.selectSort.sort-invest{background-image: url(../images/login_icon_touzifang_nor@3x.png);}
990 
.selectSort.sort-consult{background-image: url(../images/login_icon_zixun_nor@3x.png);}
991 
.selectSort.sort-user{background-image: url(../images/login_icon_putong_nor@3x.png);}
992 
.selectSortBox .frmboxNew{margin-top:24px;}
993 
/*完善信息*/
994 
.fillMore .mui-input-group{margin-top:15px;}
995 
.fillMoreHead{padding:16px 16px 8px 16px;}
996 
.fillMore .fillHead{ position: relative;width:64px; height: 64px; margin:0 auto; border:1px solid #E5E5E5; overflow: hidden;background: url(../images/default-photo.jpg); background-size:cover;}
997 
.fillMore .h1Font{color:#666666;line-height:40px}
998 
.fillMore .fillShow{}
999 
.fillMore .fillShow .noactiveTab .mui-table-view-cell:after{left:15px;}
1000 
.fillMore .fillShow input.frmtype{color:#666666;border-left:3px solid #FF9900;line-height: 20px;height: 20px;padding:0 8px;margin:10px 15px;}
1001 
.fillMore .fillShow .downarrow{ position:absolute; right:10px; top:50%; margin-top:-10px; color: #999999;}

+ 75 - 0
app/html/fillinfo-select.html
View File 

@ -0,0 +1,75 @@
1 
<!doctype html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="UTF-8">
6 
		<title>完善个人信息</title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
	</head>
11
12 
	<body>
13 
		<header class="mui-bar mui-bar-nav toptitbox">
14 
			<h1 class="mui-title toptit">完善个人信息</h1>
15 
		</header>
16 
		<div class="mui-content selectSortBox">
17 
			<div class="bindtip"><img src="../images/login_bg_tishi_3_nor@3x.png" width="100%" /></div>
18 
			<ul class="mui-table-view mui-grid-view mui-grid-9">
19 
				<li class="mui-table-view-cell mui-media mui-col-xs-4">
20 
			        <span class="selectSort sort-pro"></span>
21 
			        <div class="mui-media-body">科研工作者</div>
22 
				</li>
23 
				<li class="mui-table-view-cell mui-media mui-col-xs-4">
24 
				    <span class="selectSort sort-mana"></span>
25 
				    <div class="mui-media-body">企业高管</div>
26 
				</li>
27 
				<li class="mui-table-view-cell mui-media mui-col-xs-4">
28 
				    <span class="selectSort sort-stu"></span>
29 
			        <div class="mui-media-body">在校生</div>
30 
				</li>
31 
				<li class="mui-table-view-cell mui-media mui-col-xs-4">
32 
				    <span class="selectSort sort-skill"></span>
33 
			        <div class="mui-media-body">技术人员</div>
34 
				</li>
35 
				<li class="mui-table-view-cell mui-media mui-col-xs-4">
36 
				    <span class="selectSort sort-hr"></span>
37 
			        <div class="mui-media-body">HR/猎头</div>
38 
				</li>
39 
				<li class="mui-table-view-cell mui-media mui-col-xs-4">
40 
				    <span class="selectSort sort-sale"></span>
41 
			        <div class="mui-media-body">销售人员</div>
42 
				</li>
43 
				<li class="mui-table-view-cell mui-media mui-col-xs-4">
44 
				    <span class="selectSort sort-invest"></span>
45 
			        <div class="mui-media-body">投资方</div>
46 
				</li>
47 
				<li class="mui-table-view-cell mui-media mui-col-xs-4">
48 
				    <span class="selectSort sort-consult"></span>
49 
			        <div class="mui-media-body">咨询顾问</div>
50 
				</li>
51 
				<li class="mui-table-view-cell mui-media mui-col-xs-4 selectNow">
52 
				    <span class="selectSort sort-user"></span>
53 
			        <div class="mui-media-body">普通用户</div>
54 
				</li>
55 
			</ul>
56 
			<div class="mui-content-padded frmboxNew">
57 
				<button class="mui-btn mui-btn-block frmbtn frmactive">下一步</button>
58 
			</div>
59 
		</div>
60 
		<script src="../js/public/mui.min.js"></script>
61 
		<script src="../js/public/base.js"></script>
62 
		<script type="text/javascript">
63 
			mui(".selectSortBox").on("tap","li",function(){
64 
				var liAll = document.getElementsByTagName('li');
65 
				for(var i = 0;i <liAll.length;i++){
66 
					if(liAll[i].classList.contains("selectNow")){
67 
						liAll[i].classList.remove("selectNow");
68 
					}
69 
				}
70 
				this.classList.add("selectNow");
71 
			})
72 
		</script>
73 
	</body>
74
75 
</html>

+ 68 - 0
app/html/fillinfoNew.html
View File 

@ -0,0 +1,68 @@
1 
<!doctype html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="UTF-8">
6 
		<title>完善个人信息</title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
10 
		<link href="../css/iconfont.css" rel="stylesheet" />
11 
		<link href="../css/app.css" rel="stylesheet" />
12 
		<style>
13 
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
14 
			.mui-content{height:100%;overflow: auto;}
15 
		</style>
16 
	</head>
17
18 
	<body>
19 
		<header class="mui-bar mui-bar-nav toptitbox">
20 
			<h1 class="mui-title toptit">完善个人信息</h1>
21 
		</header>
22 
		<div class="mui-content fillMore">
23 
			<div class="mui-input-group alignCenter fillMoreHead">
24 
				<div class="fillHead userRadius">
25 
					<!--<a href="javascript:;" class="mui-icon iconfont icon-camera headimglink" id="userimg"></a>-->
26 
					<div id="imgshow"> </div>
27 
				</div>
28 
				<span class="h1Font">田鹏飞</span>
29 
			</div>
30 
			<div class="mui-input-group fillShow">
31 
				<ul class="mui-table-view noactiveTab">
32 
			        <li class="mui-table-view-cell">
33 
			        	<input type="text" class="mui-input-clear frmtype" placeholder="职称">
34 
			        </li>
35 
			        <li class="mui-table-view-cell">
36 
			        	<input type="text" class="mui-input-clear frmtype" placeholder="所在机构">
37 
			        </li>
38 
			        <li class="mui-table-view-cell">
39 
			        	<input type="text" class="mui-input-clear frmtype" placeholder="所属部门">
40 
			        </li>
41 
			        <li class="mui-table-view-cell">
42 
			        	<input type="text" class="mui-input-clear frmtype" placeholder="职位">
43 
			        </li>
44 
			        <li class="mui-table-view-cell">
45 
			        	<input type="text" class="mui-input-clear frmtype" placeholder="所在城市" id="showCityPicker">
46 
						<span class="mui-icon mui-icon-arrowdown downarrow"></span>
47 
			        </li>
48 
			        <input type="hidden" class="mui-input-clear frmtype" id="data-province">
49 
					<input type="hidden" class="mui-input-clear frmtype" id="data-address">
50 
			    </ul>
51 
			</div>
52 
			<div class="mui-content-padded" style="margin-top:40px;">
53 
				<button class="mui-btn mui-btn-block frmbtn frmactive" id="goIndex">进入科袖</button>
54 
		    </div>
55 
		</div>
56 
		<script src="../js/public/mui.min.js"></script>
57 
		<script src="../js/public/mui.picker.min.js"></script>
58 
		<script src="../js/public/city.data.js"></script>
59 
		<script src="../js/public/base.js"></script>
60 
		<script src="../js/public/upload-avatar.js"></script>
61 
		<script src="../js/fillinfo.js"></script>
62 
		<script type="text/javascript">
63 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
64 
		    iosheader();
65 
		</script>
66 
	</body>
67
68 
</html>

BIN
app/images/login_bg_tishi_3_nor@3x.png
View File


BIN
app/images/login_icon_hr_nor@3x.png
View File


BIN
app/images/login_icon_jishu_nor@3x.png
View File


BIN
app/images/login_icon_keyan_nor@3x.png
View File


BIN
app/images/login_icon_putong_nor@3x.png
View File


BIN
app/images/login_icon_qiyegaoguan_nor@3x.png
View File


BIN
app/images/login_icon_touzifang_nor@3x.png
View File


BIN
app/images/login_icon_xiaoshou_nor@3x.png
View File


BIN
app/images/login_icon_xuesheng_nor@3x.png
View File


BIN
app/images/login_icon_zixun_nor@3x.png
View File