Home Verkennen Help
Registreren Inloggen
bulomakaka
/
ekexiu.app
Volgen 2
Ster 1
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Commits 426 Publicaties 0 Wiki
Bladeren bron

【企业信息浏览】、【发现】页面

luyanan 8 jaren geleden
bovenliggende
3481f98301
commit
01b6c25f7b
15 gewijzigde bestanden met toevoegingen van 485 en 8 verwijderingen
Split View Toon Diff Stats
  1. 72 8
      app/css/app.css
  2. 134 0
      app/html/cmpinfor-basic.html
  3. 105 0
      app/html/cmpinfor-staff.html
  4. 88 0
      app/html/cmpinfor-trend.html
  5. 82 0
      app/html/discover.html
  6. BIN
      app/images/In-friends_button_yaoqing_nor.png
  7. BIN
      app/images/In-friends_img_banner_nor.png
  8. BIN
      app/images/default-icon.jpg
  9. BIN
      app/images/porfile_icon_qiye_hig.png
  10. BIN
      app/images/porfile_icon_qiye_nor.png
  11. BIN
      app/images/porfile_icon_shimin_nor.png
  12. BIN
      app/images/porfile_icon_yuangong_hig.png
  13. BIN
      app/images/porfile_icon_yuangong_nor.png
  14. BIN
      app/images/porfile_icon_zhuanjia_nor.png
  15. 4 0
      app/index.html

+ 72 - 8
app/css/app.css
Bestand weergeven 

@ -77,6 +77,7 @@ div.textareaboxEmp:focus{content:none;}
77 77 
/*小标签提示*/
78 78 
.litlabel .listtit2{ color: #AAAAAA;}
79 79
80 
.positionR{position: relative;}
80 81 
/*单行省略号*/
81 82 
.onlyone{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
82 83 


@ -118,8 +119,8 @@ div.textareaboxEmp:focus{content:none;}
118 119
119 120 
/*/////////认证身份标识///////////*/
120 121 
/*企业和专家认证标识 icon-vip*/
121 
.unauthicon{color:#C0C0C0; }/*未认证*/
122 
.authicon{color:#FF9900;}
122 
/*.unauthicon{color:#C0C0C0; }*//*未认证*/
123 
/*.authicon{color:#FF9900;}*/
123 124 
.icon-vip.iconfont{margin-left:2px;font-size:14px;}
124 125 
.authicon-cu{color:#FF9900;}/*认证科研型专家*/
125 126 
.authicon-com{/*color:#00aaee;*/ color:#2082fb;}/*认证企业型专家*/

@ -129,6 +130,33 @@ em.mui-icon.iconfont.icon-renzheng{position:absolute;float:left;font-size: 0;wid
129 130 
.authicon-staff{background-position: 0 -16px;background-size:100% auto;color:#007AFF;}/*认证企业*/
130 131 
.authicon-stu{background-position: 0 -32px;background-size:100% auto;color:#0ee032;}/*认证在读学生*/
131 132
133 
/*认证标识相关*/
134 
.authicon{position:absolute; bottom:1px;display: inline-block;width:14px;height:14px;margin-left:4px;background-position: center;background-repeat: no-repeat;}
135 
.authicon-pro{background-image:url(../images/porfile_icon_zhuanjia_nor.png);background-size: cover;}/*科袖认证专家*/
136 
.authicon-com-ok{background-image:url(../images/porfile_icon_qiye_hig.png);background-size: cover;}/*认证企业*/
137 
.authicon-com-no{background-image:url(../images/porfile_icon_qiye_nor.png);background-size: cover;}/*未认证企业*/
138 
.authicon-staff-ok{width:40px;background-image:url(../images/porfile_icon_yuangong_hig.png);background-size: cover;}/*企业认证员工*/
139 
.authicon-staff-no{width:40px;background-image:url(../images/porfile_icon_yuangong_nor.png);background-size: cover;}/*企业未认证员工*/
140 
.authicon-real{width: 21px;background-image:url(../images/porfile_icon_shimin_nor.png);background-size: cover;}/*实名认证用户*/
141
142 
/*图片在容器中无变形居中显示*/
143 
.boxBlock{width:160px; height:160px;display: table-cell;vertical-align:middle; text-align:center;overflow: hidden;}
144 
.boxBlockimg{max-width: 100%;max-height: 100%;vertical-align:middle;height:auto !important; overflow-y:auto;}
145
146 
.cmpBasic span:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
147 
.cmpBasic span:first-child:before{border:none;margin:0; }
148
149 
/*左右图片文档居中*/
150 
.flexCenter{position: relative; min-height:80px;
151 
		    display: -webkit-box;
152 
			display: -webkit-flex;
153 
			display:         flex;
154 
	        -webkit-align-items: center;
155 
	                align-items: center;}
156 
.flexImg{position:absolute; width:60px; height: 60px; top:50%; left:2px; margin-top:-30px; display: block;}
157 
.flexTit{padding-left:70px;}
158 
.centerTit{position: absolute;top:26%;margin-top:0;left:86px;}
159
132 160 
/*****表单公共样式********/
133 161 
/*input输入相关*/
134 162 
button:disabled,input.frmtype[type='button']:disabled{ opacity: 1;}

@ -196,7 +224,7 @@ button:disabled,input.frmtype[type='button']:disabled{ opacity: 1;}
196 224 
.headbox .headimg{width: 20%;}
197 225 
.maincon .pinfor{ color: #888888; font-size: 13px;}
198 226 
.maincon ul {margin:0; padding:0;padding-left:3%;}
199 
.maincon ul li{ list-style: none;padding-left: 2%;font-size: 14px;line-height: 20px; overflow: hidden;}
227 
.maincon ul li{ list-style: none;padding-left: 2%;font-size: 14px;line-height: 22px; overflow: hidden;}
200 228 
.boxnav-title{font-size: 14px; color:#888; font-weight: normal;position:relative;padding-left:6%;}
201 229 
ul.boxnav{ overflow: hidden;width:100%; padding: 0 3%;}
202 230 
ul.boxnav li{list-style: none;width:50%;float:left; padding:5px 10px;    -webkit-box-sizing: border-box;}

@ -266,7 +294,7 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e645";border:1px
266 294 
.mui-table-view .mui-media-object.ResImgBox{max-width:64px;height:64px; }
267 295 
.mui-table-view .mui-media-object.ResImgBox:before {margin-left: 0;}
268 296 
/***********************专家信息浏览*******************/
269 
.personinfo .listtit{ font-size: 18px; line-height: 30px; color: #333333;}
297 
.personinfo .listtit{ font-size: 20px; line-height: 30px; color: #333333;}
270 298 
.personinfo .listtit3{font-size: 14px; line-height: 24px; color: #AAAAAA; margin: 0;}
271 299 
/*咨询记录及等级*/
272 300 
.peolevelbox{ display: block; padding:4% 16px; border-top:1px #F0F0F0 solid;}

@ -280,7 +308,8 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e645";border:1px
280 308 
.levelbox .icon-favorfill{ color:#F4C600;}
281 309 
/*专家相关信息*/
282 310 
.infocontit{font-size:14px; position: relative;}
283 
.infocon{padding:6px 10px; /*text-align: justify;*/ font-size: 13px;line-height:27px ; color:#888888;}
311 
.infocon{padding:6px 10px; font-size: 14px;color:#888888;}
312 
.infocon .breifinfo{/*line-height: 22px;*/}
284 313 
.infocon ul{ padding:0; margin: 0; overflow: hidden;}
285 314 
.infosubject li{ list-style: none; padding:4px 10px; margin:4px; border:1px solid #BBBBBB; border-radius: 6px; float: left;}
286 315 


@ -295,8 +324,10 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e645";border:1px
295 324 
.likepeople img{ width:100%; height:100%;}
296 325 
.likemore{ display: block; width: 26px; height: 26px; border:1px solid #CCCCCC;}
297 326
298 
.infoapply li{ padding-left:6px;padding-right:2px; list-style: disc inside; width: 50%; float: left;}
299 
#industry1 li{ padding-left:6px;padding-right:2px; list-style: disc inside; width: 50%; float: left}
327 
.maincon .infoapply li{position: relative; padding-left:9px;padding-right:2px; width: 50%; float: left;}
328 
.maincon .infoapply li:before{content:''; background: #AAAAAA;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:8px;left:0;}
329 
.maincon .infoapply.infoapplyW li{width: 100%;}
330
300 331 
.gotonext{ width:140px; margin: auto; font-size: 14px; color: #FF9900; overflow: hidden;}
301 332 
.gotonext2{ width: 110px;}
302 333 


@ -318,7 +349,7 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e645";border:1px
318 349 
.listitembox .listitem>a .mutlinebox{ white-space:normal; overflow: auto;word-break:break-word; }
319 350 
.listitembox .listitem.mui-table-view-cell:after{right: 0;bottom: 0;left:46px;background:#F0F0F0;}
320 351 
.listitembox .listitem.mui-table-view-cell>a:not(.mui-btn).mui-active{background:none;}
321 
.centerTit{position: absolute;top:50%;margin-top:-18px;left:86px;}
352
322 353 
/*合作资源*/
323 354 
.resinfo{padding:10px 0;}
324 355 
.resinfo li{margin:4px 4px;padding:10px 0;}

@ -370,6 +401,12 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e645";border:1px
370 401 
.inviteBox{position:relative;height:200px;background: url(../images/yqbg.jpg) center center no-repeat #f5f5f7;}
371 402 
.inviteBtn{position: absolute;bottom:20px; left:50%;margin-left: -60px;padding:4px 30px;background: #ff9900;color:#FFFFFF;}
372 403 
.noborder:after{height: 0;}
404 
.inviteBoxNew{position:relative;}
405 
.inviteBtnNew{position: absolute;width:80%;height:50%;bottom:-25%; left:10%;padding:8% 6%;background: #FFFFFF;
406 
	box-shadow: 0px 1px 10px #CCCCCC;
407 
	-webkit-box-shadow: 0px 1px 10px #CCCCCC;z-index: 10;}
408 
.inviteBtnLink{max-width: 200px;}
409 
.inviteInfor{padding:20% 10% 4% 10%;}
373 410 
/***********************我的账户*******************/
374 411
375 412 
/***********************专家信息修改*******************/

@ -678,3 +715,30 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
678 715 
/*新加实名认证*/
679 716 
.submutbut{float:right; padding:0 10px; line-height:45px ; font-size:14px; color: #fff;}
680 717 
#yyhy li:last-child , #xsly li:last-child{display: none;}
718
719
720 
/*企业浏览*/
721 
.cmpLogoBox .authicon{width: 20px;height: 20px;bottom:4px;}
722 
.cmpLogoBox .listtit{padding:0 20px;}
723 
.companyLogo{width:160px;margin: auto;}
724 
.cmpClassNum{padding:0;list-style: none;border-width:1px 0 1px 0;border-style:solid; border-color:#E6E6E6;}
725 
.cmpClassNum li{padding:10px;border-right: 1px solid #E6E6E6;}
726 
.cmpClassNum li:last-child{border-right:1px solid #E6E6E6;}
727 
.cmpClassNum li.nowClass{border-bottom: 1px solid #ff9900;color:#ff9900}
728
729 
.cmpLable{border:1px solid;border-radius: 4px;padding:2px 10px;font-style: normal;font-size: 12px; line-height: 14px; vertical-align: middle;margin-right: 4px;}
730 
.cmpLable.articalLabel{border-color:#ff9900;color:#ff9900;}
731 
.cmpLable.resourceLabel{border-color:#ff9900;color:#ff9900;}
732 
.timeLabel{position: relative;}
733 
.timeLabel:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
734
735 
.cmpTrends ul{padding-left: 4px;}
736 
.cmpTrends .mui-table-view .mui-table-view-cell{padding-bottom:14px;}
737 
.cmpTrends .mui-table-view .mui-table-view-cell:after{left:0}
738 
.cmpTrends .boxBlock{width:60px; height: 60px;}
739 
.cmpTrends .cmplogo{display: inline-block;width: 24px; height:24px;margin-right:8px; background: url(../images/default-icon.jpg);background-size: cover;}
740 
.cmpTrends .mui-table-view .mui-media-object {line-height: 60px;max-width: 60px;}
741 
.cmpTrends .mui-content-padded{position: relative;margin:4px 0;}
742 
.cmpTrends .authicon{height: 14px;bottom:4px;}
743 
.cmpTrends .cmpTit{font-size:16px;padding:0 0 8px 6px;border-bottom: 1px solid #E6E6E6;}
744 
.cmpStaff .flexImg{left:10px}

+ 134 - 0
app/html/cmpinfor-basic.html
Bestand weergeven 

@ -0,0 +1,134 @@
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/iconfont.css" rel="stylesheet" />
10 
		<link href="../css/app.css" rel="stylesheet" />
11 
	</head>
12
13 
	<body>
14 
		<header class="mui-bar mui-bar-nav toptitbox">
15 
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
16 
			<h1 class="mui-title toptit">企业名称</h1>
17 
			<!--<a class="mui-icon iconfont icon-share mui-pull-right button topmore" id="shareBtn"></a>-->
18 
		</header>
19
20 
		<!-- 主页面内容容器 -->
21 
		<div class="mui-content">
22 
			<!-- 主界面具体展示内容 -->
23 
			<div class="mui-input-group mainbox">
24 
				<div class="maincon personinfo" style="padding-bottom: 0;">
25 
					<div class="headbox cmpLogoBox">
26 
						<div class="mui-content-padded">
27 
							<div class="companyLogo">
28 
								<div class="boxBlock headRadius"><img class="boxBlockimg headRadius" src="../images/default-icon.jpg" /></div>
29
30 
							</div>
31 
						</div>
32 
						<div class="listtit cmpBasic positionR"><span>企业名称应该还挺长的</span><em class="authicon authicon-com-ok"></em></div>
33 
	            		<div class="listtit2 cmpBasic"><span>企业类型 </span><span>所在城市（总部）</span></div>
34 
					</div>
35 
				</div>
36 
				<ul class="mui-row mui-clearfix alignCenter cmpClassNum">
37 
					<li class="mui-col-xs-4 nowClass">介绍</li>
38 
					<li class="mui-col-xs-4">动态</li>
39 
					<li class="mui-col-xs-4">员工</li>
40 
				</ul>
41 
			</div>
42
43 
			<div class="mui-input-group mainbox">
44 
				<div class="maincon">
45 
			       <div class="infocontit">基本信息</div>
46 
			       <div class="infocon">
47 
				       <ul class="generalinfo">
48 
				       		<li class="ginfolist">
49 
				       			<span class="infotype">创立时间 ：</span>
50 
				       			<span class="personalMaterial">2016</span>
51 
				       		</li>
52 
				       		<li class="ginfolist">
53 
				       			<span class="infotype">企业类型 ：</span>
54 
				       			<span class="personalMaterial">上市公司</span>
55 
				       		</li>
56 
				       		<li class="ginfolist">
57 
				       			<span class="infotype">企业规模 ：</span>
58 
				       			<span class="personalMaterial">50人以内</span>
59 
				       		</li>
60 
				       		<li class="ginfolist">
61 
				       			<span class="infotype">所在城市 ：</span>
62 
				       			<span class="personalMaterial">北京市</span>
63 
				       		</li>
64 
				       		<li class="ginfolist">
65 
				       			<span class="infotype">企业官网 ：</span>
66 
				       			<span class="personalMaterial">www.ekexiu.com</span>
67 
				       		</li>
68 
				       </ul>
69 
			       </div>
70 
		       </div>
71 
		    </div>
72 
			<div class="mui-input-group mainbox">
73 
				<div class="maincon">
74 
					<div class="infocontit">企业简介</div>
75 
					<div class="infocon">
76 
						<span class="breifinfo">
77 
				       		 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
78 
				       		  Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra
79 
				       		  justo commodo.
80 
				       		 Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient
81 
				        </span>
82 
					</div>
83 
				</div>
84 
			</div>
85 
			<div class="mui-input-group mainbox">
86 
				<div class="maincon">
87 
					<div class="infocontit">应用行业</div>
88 
					<div class="infocon">
89 
						<ul class="infoapply">
90 
							<li class="mui-ellipsis">应用行业1</li>
91 
				       		<li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
92 
				       		<li class="mui-ellipsis">领域领域3</li>
93 
				       		<li class="mui-ellipsis">领域4</li>
94 
				       		<li class="mui-ellipsis">领域领1</li>
95 
				       		<li class="mui-ellipsis">领域1</li>
96 
				       		<li class="mui-ellipsis">领域1</li>
97 
						</ul>
98 
					</div>
99 
				</div>
100 
			</div>
101 
			<div class="mui-input-group mainbox">
102 
				<div class="maincon">
103 
					<div class="infocontit">专注领域</div>
104 
					<div class="infocon">
105 
						<ul class="infosubject">
106 
							<li>领域1</li>
107 
				       		<li>领域领域领域2</li>
108 
				       		<li>领域领域领域领域3</li>
109 
				       		<li>领域4</li>
110 
				       		<li>领域领1</li>
111 
				       		<li>领域1</li>
112 
				       		<li>领域1</li>
113 
						</ul>
114 
					</div>
115 
				</div>
116 
			</div>
117 
			<div class="mui-input-group mainbox" style="margin-bottom: 20px;">
118 
				<div class="maincon">
119 
					<div class="infocontit">企业资质</div>
120 
					<div class="infocon">
121 
						<ul class="infoapply infoapplyW">
122 
							<li class="mui-ellipsis">企业资质1</li>
123 
				       		<li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
124 
				       		<li class="mui-ellipsis">领域领域3</li>
125 
						</ul>
126 
					</div>
127 
				</div>
128 
			</div>
129 
		</div>
130 
		<script src="../js/public/mui.min.js"></script>
131 
		<script src="../js/public/base.js"></script>
132 
	</body>
133
134 
</html>

+ 105 - 0
app/html/cmpinfor-staff.html
Bestand weergeven 

@ -0,0 +1,105 @@
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 href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/iconfont.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 
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
15 
			<h1 class="mui-title toptit">企业简介</h1>
16 
			<!--<a class="mui-icon iconfont icon-share mui-pull-right button topmore" id="shareBtn"></a>-->
17 
		</header>
18
19 
		<!-- 主页面内容容器 -->
20 
		<div class="mui-content">
21 
			<div class="mui-input-group mainbox">
22 
				<div class="maincon personinfo" style="padding-bottom: 0;">
23 
					<div class="headbox cmpLogoBox">
24 
						<div class="mui-content-padded">
25 
							<div class="companyLogo">
26 
								<div class="boxBlock headRadius"><img class="boxBlockimg headRadius" src="../images/default-icon.jpg" /></div>
27 
							</div>
28 
						</div>
29 
						<div class="listtit cmpBasic positionR"><span>企业名称应该还挺长的</span><em class="authicon authicon-com-ok"></em></div>
30 
	            		<div class="listtit2 cmpBasic"><span>企业类型 </span><span>所在城市（总部）</span></div>
31 
					</div>
32 
				</div>
33 
				<ul class="mui-row mui-clearfix alignCenter cmpClassNum">
34 
					<li class="mui-col-xs-4">介绍</li>
35 
					<li class="mui-col-xs-4">动态</li>
36 
					<li class="mui-col-xs-4 nowClass">员工</li>
37 
				</ul>
38 
			</div>
39 
			<div class="mui-input-group mainbox">
40 
				<div class="maincon cmpTrends cmpStaff">
41 
					<div class="mui-card-content conblock">
42 
						<h4 class="cmpTit">企业专家</h4>
43 
						<ul class="mui-table-view mui-table-view-chevron list">
44 
							<li class="mui-table-view-cell mui-media flexCenter">
45 
								<p class="flexImg"><img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></p>
46 
								<div class="mui-media-body flexTit">
47 
									<p class="listtit positionR"><span>专家姓名</span><em class="authicon authicon-pro"></em></p>
48 
									<p class="listtit2"><span>职称</span><span>，职位</span><span>，所在机构</span><span> | 所在城市</span></p>
49 
									<p class="mui-ellipsis listtit3">研究方向：研究方向标题A、研究方向标题A、研究方向标题A</p>
50 
								</div>
51 
							</li>
52 
							<li class="mui-table-view-cell mui-media flexCenter">
53 
								<p class="flexImg"><img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></p>
54 
								<div class="mui-media-body flexTit">
55 
									<p class="listtit positionR"><span>专家姓名</span><em class="authicon authicon-pro"></em></p>
56 
									<p class="listtit2"><span>职称</span><span>，职位</span><span>，所在机构</span><span> | 所在城市</span></p>
57 
									<p class="mui-ellipsis listtit3">研究方向：研究方向标题A、研究方向标题A、研究方向标题A</p>
58 
								</div>
59 
							</li>
60
61 
						</ul>
62 
					</div>
63 
				</div>
64 
			</div>
65
66 
			<div class="mui-input-group mainbox">
67 
				<div class="maincon cmpTrends cmpStaff">
68 
					<div class="mui-card-content conblock">
69 
						<h4 class="cmpTit">企业员工</h4>
70 
						<ul class="mui-table-view mui-table-view-chevron list">
71 
							<li class="mui-table-view-cell mui-media flexCenter">
72 
								<p class="flexImg"><img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></p>
73 
								<div class="mui-media-body flexTit">
74 
									<p class="listtit positionR"><span>专家姓名</span><em class="authicon authicon-staff-ok"></em></p>
75 
									<p class="listtit2"><span>职称</span><span>，职位</span><span>，所在机构</span><span> | 所在城市</span></p>
76 
								</div>
77 
							</li>
78 
							<li class="mui-table-view-cell mui-media flexCenter">
79 
								<p class="flexImg"><img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></p>
80 
								<div class="mui-media-body flexTit">
81 
									<p class="listtit positionR"><span>专家姓名</span><em class="authicon authicon-staff-ok"></em></p>
82 
									<p class="listtit2"><span>职称</span><span>，职位</span><span>，所在机构</span><span> | 所在城市</span></p>
83 
								</div>
84 
							</li>
85 
							<li class="mui-table-view-cell mui-media flexCenter">
86 
								<p class="flexImg"><img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></p>
87 
								<div class="mui-media-body flexTit">
88 
									<p class="listtit positionR"><span>专家姓名</span><em class="authicon authicon-staff-ok"></em></p>
89 
									<p class="listtit2"><span>职称</span><span>，职位</span><span>，所在机构</span><span> | 所在城市</span></p>
90 
								</div>
91 
							</li>
92
93 
						</ul>
94 
					</div>
95 
				</div>
96 
			</div>
97 
		</div>
98 
		<script src="../js/public/mui.min.js"></script>
99 
		<script src="../js/public/base.js"></script>
100 
		<script src="../js/public/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
101 
		<script src="../js/public/mui.previewimage.js" type="text/javascript" charset="utf-8"></script>
102 
		<script src="../js/proinfobrow.js"></script>
103 
	</body>
104
105 
</html>

+ 88 - 0
app/html/cmpinfor-trend.html
Bestand weergeven 

@ -0,0 +1,88 @@
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/iconfont.css" rel="stylesheet" />
10 
		<link href="../css/app.css" rel="stylesheet" />
11 
	</head>
12
13 
	<body>
14 
		<header class="mui-bar mui-bar-nav toptitbox">
15 
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
16 
			<h1 class="mui-title toptit">企业简介</h1>
17 
			<!--<a class="mui-icon iconfont icon-share mui-pull-right button topmore" id="shareBtn"></a>-->
18 
		</header>
19
20 
		<!-- 主界面具体展示内容 -->
21 
		<div class="mui-content">
22 
			<div class="mui-input-group mainbox">
23 
				<div class="maincon personinfo" style="padding-bottom: 0;">
24 
					<div class="headbox cmpLogoBox">
25 
						<div class="mui-content-padded">
26 
							<div class="companyLogo">
27 
								<div class="boxBlock headRadius"><img class="boxBlockimg headRadius" src="../images/default-icon.jpg" /></div>
28 
							</div>
29 
						</div>
30 
						<div class="listtit cmpBasic positionR"><span>企业名称应该还挺长的</span><em class="authicon authicon-com-ok"></em></div>
31 
	            		<div class="listtit2 cmpBasic"><span>企业类型 </span><span>所在城市（总部）</span></div>
32 
					</div>
33 
				</div>
34 
				<ul class="mui-row mui-clearfix alignCenter cmpClassNum">
35 
					<li class="mui-col-xs-4">介绍</li>
36 
					<li class="mui-col-xs-4 nowClass">动态</li>
37 
					<li class="mui-col-xs-4">员工</li>
38 
				</ul>
39 
			</div>
40 
			<div class="mui-input-group mainbox">
41 
				<div class="maincon cmpTrends">
42 
					<ul class="mui-table-view">
43 
						<li class="mui-table-view-cell mui-media">
44 
							<div class="mui-clearfix">
45 
								<span class="cmplogo mui-pull-left headRadius"></span><span class="positionR">企业名称<em class="authicon authicon-com-ok"></em></span>
46 
							</div>
47 
							<div class="mui-content-padded mui-clearfix flexCenter">
48 
								<div class="mui-media-object boxBlock headRadius flexImg "><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
49 
								<div class="mui-media-body flexTit">
50 
									<p class="listtit mui-ellipsis-2">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
51 
								</div>
52 
							</div>
53 
							<div><em class="cmpLable articalLabel">文章</em><span class="timeLabel">3月22日</span></div>
54 
						</li>
55 
						<li class="mui-table-view-cell mui-media">
56 
							<div class="mui-clearfix">
57 
								<span class="cmplogo mui-pull-left headRadius"></span><span class="positionR">企业名称<em class="authicon authicon-com-ok"></em></span>
58 
							</div>
59 
							<div class="mui-content-padded mui-clearfix flexCenter">
60 
								<div class="mui-media-object boxBlock headRadius flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
61 
								<div class="mui-media-body flexTit">
62 
									<p class="listtit mui-ellipsis-2">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
63 
								</div>
64 
							</div>
65 
							<div><em class="cmpLable articalLabel">文章</em><span class="timeLabel">3月22日</span></div>
66 
						</li>
67 
						<li class="mui-table-view-cell mui-media">
68 
							<div class="mui-clearfix">
69 
								<span class="cmplogo mui-pull-left headRadius"></span><span class="positionR">企业名称<em class="authicon authicon-com-ok"></em></span>
70 
							</div>
71 
							<div class="mui-content-padded mui-clearfix flexCenter">
72 
								<div class="mui-media-object boxBlock headRadius flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
73 
								<div class="mui-media-body flexTit">
74 
									<p class="listtit mui-ellipsis-2">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
75 
								</div>
76 
							</div>
77 
							<div><em class="cmpLable articalLabel">文章</em><span class="timeLabel">3月22日</span></div>
78 
						</li>
79 
					</ul>
80 
				</div>
81 
			</div>
82
83 
		</div>
84 
		<script src="../js/public/mui.min.js"></script>
85 
		<script src="../js/public/base.js"></script>
86 
	</body>
87
88 
</html>

+ 82 - 0
app/html/discover.html
Bestand weergeven 

@ -0,0 +1,82 @@
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/iconfont.css" rel="stylesheet" />
10 
		<link href="../css/app.css" rel="stylesheet" />
11 
	</head>
12
13 
	<body>
14 
		<header class="mui-bar mui-bar-nav toptitbox">
15 
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
16 
			<h1 class="mui-title toptit">发现</h1>
17 
			<!--<a class="mui-icon iconfont icon-share mui-pull-right button topmore" id="shareBtn"></a>-->
18 
		</header>
19
20 
		<!-- 主界面具体展示内容 -->
21 
		<div class="mui-content">
22 
			<div class="mui-input-group">
23 
				<div class="maincon cmpTrends">
24 
					<ul class="mui-table-view">
25 
						<li class="mui-table-view-cell mui-media">
26 
							<div class="mui-clearfix">
27 
								<span class="cmplogo mui-pull-left headRadius"></span><span class="positionR">企业名称<em class="authicon authicon-com-ok"></em></span>
28 
							</div>
29 
							<div class="mui-content-padded mui-clearfix flexCenter">
30 
								<div class="mui-media-object boxBlock headRadius flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
31 
								<div class="mui-media-body flexTit">
32 
									<p class="listtit mui-ellipsis-2">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
33 
								</div>
34 
							</div>
35 
							<div><em class="cmpLable articalLabel">文章</em><span class="timeLabel">3月22日</span></div>
36 
						</li>
37 
						<li class="mui-table-view-cell mui-media">
38 
							<div class="mui-clearfix">
39 
								<span class="cmplogo mui-pull-left headRadius"></span><span class="positionR">企业名称<em class="authicon authicon-com-ok"></em></span>
40 
							</div>
41 
							<div class="mui-content-padded mui-clearfix flexCenter">
42 
								<div class="mui-media-object boxBlock headRadius flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
43 
								<div class="mui-media-body flexTit">
44 
									<p class="listtit mui-ellipsis-2">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
45 
								</div>
46 
							</div>
47 
							<div><em class="cmpLable articalLabel">文章</em><span class="timeLabel">3月22日</span></div>
48 
						</li>
49 
						<li class="mui-table-view-cell mui-media">
50 
							<div class="mui-clearfix">
51 
								<span class="cmplogo mui-pull-left headRadius"></span><span class="positionR">企业名称<em class="authicon authicon-com-ok"></em></span>
52 
							</div>
53 
							<div class="mui-content-padded mui-clearfix flexCenter">
54 
								<div class="mui-media-object boxBlock headRadius flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
55 
								<div class="mui-media-body flexTit">
56 
									<p class="listtit mui-ellipsis-2">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
57 
								</div>
58 
							</div>
59 
							<div><em class="cmpLable articalLabel">文章</em><span class="timeLabel">3月22日</span></div>
60 
						</li>
61 
						<li class="mui-table-view-cell mui-media">
62 
							<div class="mui-clearfix">
63 
								<span class="cmplogo mui-pull-left headRadius"></span><span class="positionR">企业名称<em class="authicon authicon-com-ok"></em></span>
64 
							</div>
65 
							<div class="mui-content-padded mui-clearfix flexCenter">
66 
								<div class="mui-media-object boxBlock headRadius flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
67 
								<div class="mui-media-body flexTit">
68 
									<p class="listtit mui-ellipsis-2">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
69 
								</div>
70 
							</div>
71 
							<div><em class="cmpLable articalLabel">文章</em><span class="timeLabel">3月22日</span></div>
72 
						</li>
73 
					</ul>
74 
				</div>
75 
			</div>
76
77 
		</div>
78 
		<script src="../js/public/mui.min.js"></script>
79 
		<script src="../js/public/base.js"></script>
80 
	</body>
81
82 
</html>

BIN
app/images/In-friends_button_yaoqing_nor.png
Bestand weergeven


BIN
app/images/In-friends_img_banner_nor.png
Bestand weergeven


BIN
app/images/default-icon.jpg
Bestand weergeven


BIN
app/images/porfile_icon_qiye_hig.png
Bestand weergeven


BIN
app/images/porfile_icon_qiye_nor.png
Bestand weergeven


BIN
app/images/porfile_icon_shimin_nor.png
Bestand weergeven


BIN
app/images/porfile_icon_yuangong_hig.png
Bestand weergeven


BIN
app/images/porfile_icon_yuangong_nor.png
Bestand weergeven


BIN
app/images/porfile_icon_zhuanjia_nor.png
Bestand weergeven


+ 4 - 0
app/index.html
Bestand weergeven 

@ -15,6 +15,10 @@
15 15 
	        <span class="mui-icon iconfont icon-home"></span>
16 16 
	        <span class="mui-tab-label">首页</span>
17 17 
	    </a>
18 
	    <a class="mui-tab-item" href="html/discover.html" dataid="4">
19 
	        <span class="mui-icon iconfont icon-location"></span>
20 
	         <span class="mui-tab-label">发现</span>
21 
	    </a>
18 22 
	    <a class="mui-tab-item" href="html/consult_home.html" dataid="2">
19 23 
	        <span class="mui-icon iconfont icon-community"></span>
20 24 
	         <span class="mui-tab-label">咨询</span>