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

发现模块页面

luyanan 8 years ago
parent
4b53afd7f0
commit
bdba58b090
4 changed files with 213 additions and 31 deletions
Split View Show Diff Stats
  1. 44 30
      css/common.css
  2. 32 1
      css/genindex.css
  3. 4 0
      css/index.css
  4. 133 0
      discover.html

+ 44 - 30
css/common.css
View File 

@ -1,4 +1,17 @@
1 1 
@charset "utf-8";
2 
/*reset*/
3 
p,dl,dt,dd,ul,ol,li,a,em,div,span,th,td{margin:0;padding:0; word-break:break-all; font-family: PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
4 
form,label,button,input,select,textarea{font-size:14px; font-family: PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
5 
h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;padding:0; font-family: PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
6 
html,body{height:100%; width:100%; margin:0;padding:0;font-family: PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
7 
input{vertical-align:middle; outline:none;}
8 
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic;border:0;padding:0; margin:0;}
9 
small{font-size:12px;}
10 
ul,ol{list-style:none;}
11 
button,input,select,textarea{font-size:100%;}
12 
table{border-collapse:collapse;border-spacing:0;}
13 
a,a:active,a:hover{outline:0;text-decoration:none;}
14
2 15 
@media(max-width:780px ) {
3 16 
	#header{
4 17 
		min-width:760px;

@ -73,7 +86,7 @@ body{height:auto;position: relative;min-height: 100%;}
73 86 
input{ outline:none;}
74 87
75 88 
/*/////////////////////表单样式/////////////////////// */
76 
.frmtype{border:1px #b5b5b5 solid;font-size:14px;outline: none; padding:6px 20px 6px 10px;border-radius: 6px;}
89 
.frmtype{font-size:14px;outline: none; /*padding:6px 20px 6px 10px;border:1px #b5b5b5 solid;*/border-radius: 6px;}
77 90 
.frmtype:focus{box-shadow: none;outline:none}
78 91 
.frmtypeW{width:98%;margin: auto;}
79 92 
textarea.frmtype{height:100px;}

@ -109,7 +122,7 @@ button.btnModel[disabled]:hover{background:#d6d8de;}
109 122 
#header.firstB{ background:rgba(55,61,65,1);}
110 123 
#header.Nosear{position:static;}
111 124 
.logo{ display:block; width:80px; height:40px; background:url(../images/logo.png) no-repeat;background-size:100% 100%; /* margin-left:80px;*/ margin-top:10px; float:left;}
112 
.searchblock{ width:280px; height:35px; position:absolute; left:50%; top:50%; margin-left:-140px; margin-top:-17.5px; display:none;}
125 
.searchblock{ width:280px; height:35px; position:absolute; left:50%; top:50%; margin-left:-140px; margin-top:-17.5px;}
113 126 
.search-txt{ width:220px;line-height:35px; height:35px; background:#fff; border:none;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px; behavior:url(../js/ie-css3.htc); float:left;font-size:14px;padding-left:10px; color:#a3a3a3;}
114 127 
.search-btn{ width:35px; height:35px; background:#fff; border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0; float:left; cursor:pointer; behavior:url(../js/ie-css3.htc);cursor:pointer;}
115 128 
.search-icon{ display:block; width:20px; height:20px; background:url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}

@ -117,7 +130,7 @@ button.btnModel[disabled]:hover{background:#d6d8de;}
117 130 
/*顶部右边*/
118 131 
.header-right{ float:right; /*margin-right:80px;*/}
119 132 
/*未登录*/
120 
.unlogin{float:left;padding:4px 0;}
133 
.unlogin{ display:none;float:left;padding:4px 0;}
121 134 
.loginbtn{float:left; border:2px #e2e2e2 solid; padding:0 20px; border-radius:6px;font-size:14px; line-height:28px; color:#fff; text-align:center; margin:10px 2px; cursor:pointer; }
122 135 
.loginrbtn{ border:2px transparent solid;padding:0 2px;}
123 136 
.loginlbtn{margin-right:20px;/* background:#fff;color:#ff9900; */}

@ -139,34 +152,10 @@ button.btnModel[disabled]:hover{background:#d6d8de;}
139 152
140 153 
.myWorkspace{font-size: 14px;line-height:40px; text-align: center;float: left; margin-top: 10px;color: #fff;}
141 154 
/*主体部分*/
142 
#container{ background:#fff;/*overflow: hidden;*/}
155 
#container{/* background:#fff;*//*overflow: hidden;*/}
143 156 
.contentBody{width:1050px;height:auto; margin:10px auto; padding:80px 0 2px 0; }
144 
/*footer部分*/
145 
/*footer{ min-width:1100px;background:#ff9900;clear: both;height:100px; position: absolute;bottom:0;right: 0;left: 0; z-index: 299; text-align:center;}
146 
footer .wrapper {margin-left:80px;position: relative;padding: 15px 0; min-width:1000px;}
147 
footer .footer-logo {display: block;width:80px;height:40px;background: url(../images/logo2.png) 0 0 no-repeat;background-size:100% 100%;}
148
149 
footer .word_wrapper {padding-top: 12px;line-height: 14px;white-space: nowrap;margin: 12px 0 0 20px;}
150 
footer .word_wrapper .listlink, footer .word_wrapper span {float: left;color:#fff; margin:0 6px;font-size: 13px;text-decoration: none;position:relative;}
151
152 
footer .word_wrapper a:hover{text-decoration:underline;}
153 
footer .word_wrapper a.codehover:hover{text-decoration:none;}
154
155 
footer .inner_wrapper {padding-top: 12px;line-height: 14px;white-space: nowrap;overflow:hidden;}
156 
footer .inner_wrapper .codebox{ background:#fff;border-radius:8px;overflow:hidden;padding:2px 2px 10px 2px;margin:0 6px;float:left;}
157 
footer .inner_wrapper .codebox p{ line-height:14px; font-size:12px;}
158 
footer .code{border: 2px solid #ccc;border-radius: 4px;position: absolute;top: -210px;left: 50%;margin-left: -100px;z-index:300;display: none;width: 200px;height: 200px;background-position:center center; background-repeat:no-repeat;}
159
160 
footer .code.weixin_code{ background-image:url(../images/weixin_code.jpg); background-size:100% 100%;}
161 
footer .code.app_code{ background-image:url(../images/app_android_code.jpg); background-size:100% 100%;}
162
163 
footer .copyright {background:#FFB76A;width:100%;margin: 0 auto;padding:10px 0;color: #fff;font-size: 12px;line-height: 12px;text-align: center;position:absolute;bottom:0;}
164 
footer .copyright>span:first-child{margin-left:-210px;}
165 
footer .beianbox{position: absolute;overflow:hidden;color: #fff;text-decoration:none;}
166 
footer .beianbox:hover{text-decoration: underline;}
167 
footer .beian-icon{float: left;margin:0 4px; width:14px; height:14px; background:url(../images/beian.png) center center no-repeat; background-size:100% 100%;}*/
168 157 
/*产品下载  */
169 
.appstore{width:1000px;color: #696969;text-align: center;margin:40px auto;position:relative;}
158 
.appstore{width:1000px;color: #696969;text-align: center;margin:90px auto 30px;position:relative;}
170 159 
.kexiu_logo{margin: 0 20px; position: relative;text-align: left;}
171 160 
.kexiu_logo img{ width:300px;}
172 161 
.appstoreBody{margin:8% 0;}

@ -196,6 +185,16 @@ footer .beian-icon{float: left;margin:0 4px; width:14px; height:14px; background
196 185 
	display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #ff9900;border-radius:5px;
197 186 
}
198 187
188 
/*认证标识相关*/
189 
.authiconNew{/*position:absolute;top:1px;*/display: inline-block;margin-left:4px;background-position: center;background-repeat: no-repeat;}
190 
.authicon-pro{width:16px;height:16px;background-image:url(../images/porfile_icon_zhuanjia_nor.png);background-size: cover;}/*科袖认证专家*/
191 
.authicon-com-ok{width:16px;height:16px;background-image:url(../images/porfile_icon_qiye_hig.png);background-size: cover;}/*认证企业*/
192 
.authicon-com-no{width:16px;height:16px;background-image:url(../images/porfile_icon_qiye_nor.png);background-size: cover;}/*未认证企业*/
193 
.authicon-staff-ok{width:44px;height:16px;background-image:url(../images/porfile_icon_yuangong_hig.png);background-size: cover;}/*企业认证员工*/
194 
.authicon-staff-no{width:44px;height:16px;background-image:url(../images/porfile_icon_yuangong_nor.png);background-size: cover;}/*企业未认证员工*/
195 
.authicon-real{width: 24px;height:16px;background-image:url(../images/porfile_icon_shimin_nor.png);background-size: cover;}/*实名认证用户*/
196
197
199 198 
/*/////////// 专家认证图标 //////////////*/
200 199 
.authobject{ float:left;}
201 200 
.authicon{ float:left;width:18px; height:18px; background:url(../images/authsort2.png) no-repeat;}

@ -243,7 +242,7 @@ footer .beian-icon{float: left;margin:0 4px; width:14px; height:14px; background
243 242 
.privacyBox ul{ margin:0 4px;margin-left:40px;padding:0 4px; color:#666;}
244 243
245 244
246 
.containerCon{width:1100px;padding:0 20px;position:relative; margin:auto;clear:both}
245 
.containerCon{width:1100px;padding:0 10px;position:relative; margin:auto;clear:both}
247 246 
.containerCon:before,.containerCon:after{display:table;content:" "}
248 247 
.containerCon:after{clear:both}
249 248 


@ -265,3 +264,18 @@ footer .appcode{background-image: url(../images/home_bg_xiazaiapp_nor.png);}
265 264 
footer .appcode span{background-image:url(../images/home_code_app.jpg);background-size: cover;}
266 265 
footer .weixincode{background-image: url(../images/home_bg_guanzhu_nor.png);}
267 266 
footer .weixincode span{background-image:url(../images/home_code_weixin.jpg);background-size: cover;}
267
268 
/*新版header*/
269 
header{background: #373d41;color:#888;font-size:16px;line-height:32px;height:60px;}
270 
header .containerCon{background: #373d41;}
271 
header .headlogo h1 {width: 64px;height: 32px;margin:14px 14px 14px 0;padding: 0;background-image: url(../images/home_icon_logo_orange.png);background-size:contain;overflow: hidden;}
272 
header .headnav{margin:0 14px;}
273 
header .headnav li{float:left;margin:0 4px; padding:12px 0;}
274 
header .headnav li a{ color:#FFFFFF; padding:14px 18px;}
275 
header .headuser{overflow: hidden; width: 38px;height: 38px;margin:10px 0 12px 20px;cursor: pointer;}
276 
header .headnavbtn{margin:20px 6px;}
277 
header .headnavbtn li{float:right;margin:0 6px;}
278 
header .navbtn{width: 18px;height:20px;cursor: pointer; padding:10px 18px;background-position:center;background-repeat:no-repeat;}
279 
header .navnews{background-image: url(../images/nav_button_news_nor.png);background-size:contain;}
280 
header .navsearch{background-image: url(../images/nav_button_search_nor_2.png);background-size:contain;}
281 
header .headnav li.navcurrent{border-bottom:4px solid #ff9900;}

+ 32 - 1
css/genindex.css
View File 

@ -1,7 +1,6 @@
1 1 
@charset "utf-8";
2 2 
/* CSS Document */
3 3 
.con-center{padding:20px 10px 40px; margin:10px auto;}
4
5 4 
/*左侧菜单*/
6 5 
.workmenu{text-align: center; float:left; width:12%; height:300px; background: #fafafa;border-radius: 6px;overflow: hidden;}
7 6 
a.workmenutit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px; border-bottom:1px #28b8fa solid;cursor:pointer; display: block;color:#313131; }
 
@ -245,3 +244,35 @@ ul.cmpAllUl>li .form_head .icon_step.step3{background: url(../images/e-sign-on_i
245 244 
ul.cmpAllUl>li .form_head .icon_step.step3g{background: url(../images/e-sign-on_icon_3_hig.png) 0 0 no-repeat;background-size: cover;}
246 245 
ul.cmpAllUl>li .form_head li.stepActive{color: #555;}
247 246 
ul.cmpAllUl.cmpCoverUl .importTip{font-size:18px;color:#333;}
247
248 
/*发现*/
249 
.contentCon{padding-top:80px;}
250 
.leftconBox{width:800px;padding-bottom:20px;margin-bottom:20px;background: #FFFFFF;}
251 
.table-item{/*padding:10px;*/}
252 
.table-item li{position:relative;padding:25px 20px;}
253 
.table-item li:after{content:"";position:absolute; left:0; right:0; bottom:0;height: 2px;background: #f7f7f8;}
254 
.table-item-media{height: 40px;margin-bottom:20px;}
255 
.table-item-media .table-item-logo{position:absolute;border:1px solid #f2f3f4;display: inline-block;width: 40px; height:40px;z-index:4;}
256 
.table-item-media .table-item-name{position:relative;width:90%;padding-left:50px;}
257 
.table-item-media .table-item-name .nameSpan{color:#000;font-size: 16px;line-height: 18px;}
258 
.table-item-media .table-item-name .timeLabel{color:#AAAAAA;}
259 
.table-item-media .authicon{bottom:9px;}
260 
.table-item-cell{position:relative;font-size:16px;color:#000;cursor: pointer;}
261 
.table-item-cell a{display:block;min-height: 110px;color:#000;}
262 
.table-item-cell a:hover{background: #f4f6f8;color:#5c99d8;}
263
264 
.table-item-cell .table-item-img{position:absolute;border:1px solid #f2f3f4;width: 164px;height: 110px;top:50%;left:0;margin-top:-55px;}
265 
.table-item-cell .table-item-img.artical-default{background:url(../images/default-artical.jpg) center center;background-size:cover;}
266 
.table-item-cell .table-item-img.resource-default{background:url(../images/default-resource.jpg) center center;background-size:cover;}
267 
.table-item-cell .table-item-body{position:absolute;top:50%;width:100%;margin-top:-28px;padding-left:184px;padding-right: 10px;}
268
269 
.cmplogohead{ background: url(../images/default-icon.jpg);background-size: cover;border-radius:4px;}
270 
.userhead{ background: url(../images/default-photo.jpg);background-size: cover;border-radius:4px;}
271 
.cmpLable{display:inline-block;margin:8px 0;border:1px solid;border-radius:3px;padding:2px 6px;font-style: normal;font-size: 12px; line-height: 14px; vertical-align: middle;}
272 
.cmpLable.articalLabel{border-color:#ff6b57;color:#ff6b57;}
273 
.cmpLable.resourceLabel{border-color:#28b8fa;color:#28b8fa;}
274
275
276 
.advertBox{min-height: 100px;margin-left: 20px;}
277 
.advertItem li{width: 260px;margin-bottom:20px;}
278 
.advertItem li img{width: 100%;}

+ 4 - 0
css/index.css
View File 

@ -351,6 +351,10 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
351 351 
.edu-about span{ display:none;}
352 352 
.infor-browse .edu-about{ color:#666;}
353 353 
.infor-browse .edu-infor { color:#666;}
354 
.infor-browse .showList li{padding:0 35px;}
355 
.infor-browse .showList2{padding:0 35px;}
356 
.infor-browse .showList2 li{padding-left:10px;}
357 
.infor-browse .showList2 li:before{content: ' '; background: #666;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:10px;left:0;}
354 358 
#industryShow li{padding-left:10px;}
355 359
356 360 
/*企业头部*/

+ 133 - 0
discover.html
View File 

@ -0,0 +1,133 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>发现-科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12
13 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
14 
<style type="text/css">
15 
	html,body{background: #f4f6f8;}
16 
</style>
17 
</head>
18
19 
<body>
20 
<header id="header">
21 
	<script src="js/header.js"></script>
22 
</header>
23 
<div id="container">
24 
	<div class="containerCon">
25 
		<div class="contentCon clearfix">
26 
			<div class="leftconBox floatL">
27 
				<ul class="table-item">
28 
					<li>
29 
						<div class="table-item-media">
30 
							<a href="information-brow.html" class="table-item-logo userhead"></a>
31 
				        	<div class="table-item-name clearfix">
32 
				        		<a href="information-brow.html"><span class="nameSpan">用户姓名</span></a><em class="authiconNew authicon-pro" title="科袖认证专家"></em>
33 
				        		<p><span class="timeLabel">3月22日 9:00</span></p>
34 
				        	</div>
35 
						</div>
36 
						<div class="table-item-cell">
37 
							<a href="articalInfo.html">
38 
					        	<div class="table-item-img artical-default"></div><!--资源 resource-default-->
39 
								<div class="table-item-body">
40 
									<p class="ellipsisSty">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？能和心爱的人一起睡觉</p>
41 
									<p><em class="cmpLable articalLabel">文章</em></p><!--resourceLabel资源-->
42 
								</div>
43 
							</a>
44 
				        </div>
45 
					</li>
46 
					<li>
47 
						<div class="table-item-media">
48 
							<a href="companybrowinfor.html" class="table-item-logo cmplogohead"></a>
49 
				        	<div class="table-item-name clearfix">
50 
				        		<a href="companybrowinfor.html"><span class="nameSpan">北京科袖科技有限公司</span></a><em class="authiconNew authicon-com-ok" title="认证企业"></em>
51 
				        		<p><span class="timeLabel">3月22日 9:00</span></p>
52 
				        	</div>
53 
						</div>
54 
						<div class="table-item-cell">
55 
							<a href="articalInfo.html">
56 
					        	<div class="table-item-img artical-default"></div>
57 
								<div class="table-item-body">
58 
									<p class="ellipsisSty">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？能和心爱的人一起睡觉</p>
59 
									<p><em class="cmpLable articalLabel">文章</em></p><!--resourceLabel资源-->
60 
								</div>
61 
							</a>
62 
				        </div>
63 
					</li>
64 
					<li>
65 
						<div class="table-item-media">
66 
							<a href="information-brow.html" class="table-item-logo userhead"></a>
67 
				        	<div class="table-item-name clearfix">
68 
				        		<a href="information-brow.html"><span class="nameSpan">用户姓名</span></a><em class="authiconNew authicon-pro" title="科袖认证专家"></em>
69 
				        		<p><span class="timeLabel">3月22日 9:00</span></p>
70 
				        	</div>
71 
						</div>
72 
						<div class="table-item-cell">
73 
							<a href="articalInfo.html">
74 
					        	<div class="table-item-img artical-default"></div>
75 
								<div class="table-item-body">
76 
									<p class="ellipsisSty">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？能和心爱的人一起睡觉</p>
77 
									<p><em class="cmpLable articalLabel">文章</em></p>
78 
								</div>
79 
							</a>
80 
				        </div>
81 
					</li>
82 
					<li>
83 
						<div class="table-item-media">
84 
							<a href="companybrowinfor.html" class="table-item-logo cmplogohead"></a>
85 
				        	<div class="table-item-name clearfix">
86 
				        		<a href="companybrowinfor.html"><span class="nameSpan">北京科袖科技有限公司</span></a><em class="authiconNew authicon-com-ok" title="认证企业"></em>
87 
				        		<p><span class="timeLabel">3月22日 9:00</span></p>
88 
				        	</div>
89 
						</div>
90 
						<div class="table-item-cell">
91 
							<a href="articalInfo.html">
92 
					        	<div class="table-item-img resource-default"></div>
93 
								<div class="table-item-body">
94 
									<p class="ellipsisSty">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？能和心爱的人一起睡觉</p>
95 
									<p><em class="cmpLable resourceLabel">资源</em></p>
96 
								</div>
97 
							</a>
98 
				        </div>
99 
					</li>
100 
				</ul>
101 
				<div class="tcdPageCode"></div>
102 
			</div>
103 
			<div class="advertBox floatR">
104 
				<ul class="advertItem">
105 
					<li><img src="images/banner/banner01.jpg" /></li>
106 
					<li><img src="images/banner/banner01.jpg" /></li>
107 
					<li><img src="images/banner/banner01.jpg" /></li>
108 
					<li><img src="images/banner/banner01.jpg" /></li>
109 
				</ul>
110 
			</div>
111 
		</div>
112 
	</div>
113 
</div>
114 
<footer>
115 
	<script type="text/javascript" src="js/Footer.js"></script>
116 
</footer>
117
118 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
119 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
120 
<script type="text/javascript" src="js/jquery.page.js"></script>
121 
<script type="text/javascript" src="js/common.js"></script>
122
123 
<script>
124 
	$(".tcdPageCode").createPage({
125 
		pageCount: Math.ceil(1/2),
126 
		current: 1,
127 
		backFn: function(p) {
128
129 
		}
130 
	});
131 
</script>
132 
</body>
133 
</html>