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

【我的工作台】上加入我的文章模块
资源信息加入咨询、分享、关注

luyanan 8 years ago
parent
ff5d2eb4df
commit
4fcd64a97e
6 changed files with 125 additions and 27 deletions
Split View Show Diff Stats
  1. 1 1
      css/common.css
  2. 12 8
      css/index.css
  3. 21 0
      css/workspace.css
  4. 24 2
      resourceInfo.html
  5. 56 4
      workindex.html
  6. 11 12
      workspaces.html

+ 1 - 1
css/common.css
View File 

@ -43,7 +43,7 @@ input{ outline:none;}
43 43 
/*header部分*/
44 44 
#header{width:100%;min-width:1100px; height:60px; background:rgba(255,153,0,1); position:fixed; top:0; z-index:999; }
45 45 
.logo{ display:block; width:80px; height:40px; background:url(../images/logo2.png) no-repeat;background-size:100% 100%;  margin-left:80px; margin-top:10px; float:left;}
46 
.searchblock{ width:280px; height:35px; position:absolute; left:50%; top:50%; margin-left:-132px; margin-top:-17.5px; display:none;}
46 
.searchblock{ width:280px; height:35px; position:absolute; left:50%; top:50%; margin-left:-140px; margin-top:-17.5px; display:none;}
47 47 
.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;}
48 48 
.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;}
49 49 
.search-icon{ display:block; width:20px; height:20px; background:url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}

+ 12 - 8
css/index.css
View File 

@ -211,19 +211,19 @@ input[type='radio'].radio:checked + .radio {background:url(../images/redio.png)
211 211 
/*------------------------------------------------------------------------------------*/
212 212 
/*专家信息页*/
213 213 
/*咨询模块按钮入口*/
214 
.coulstblock{position:fixed;width:100%;bottom:0;right:0;z-index:1001; cursor: pointer; background:rgba(256,256,256,.9); border:1px solid #dddddd; border-radius:4px 4px 0 0; box-shadow: -3px -2px 8px -1px rgba(0,0,0,0.2); display:none;}
214 
.coulstblock{position:fixed;width:100%;bottom:0;right:0;z-index:1001;background:rgba(256,256,256,.9); border:1px solid #dddddd; border-radius:4px 4px 0 0; box-shadow: -3px -2px 8px -1px rgba(0,0,0,0.2); display:none;}
215 215 
.coulstblock .coulstbox{display:block;padding:10px 20px;width:90%;margin:auto; overflow:hidden;}
216 216 
.coulstblock .coulstbox .prohead{ width:80px;margin-left:40px; overflow:hidden;}
217 
.coulstblock .coulstbox .proinfomation{margin:0 2%;width:60%; overflow:hidden;}
217 
.coulstblock .coulstbox .proinfomation{margin:0 2%;max-width:50%; overflow:hidden;}
218 218 
.coulstblock .coulstbox .coulstbtn{padding:24px 10px; margin-right: 20px;}
219 
.coulstbtn span,#conbtn span{padding:5px 30px;margin-right:6px; border-radius:4px; text-align:center; color:#fff; background:#ff9900;cursor:pointer}
219 
.coulstbtn span,#conbtn span{display:inline-block;padding:10px 40px;margin-right:6px; border-radius:4px; text-align:center; color:#fff; background:#ff9900;cursor:pointer}
220 220 
.coulstbtn .shareWeixin{background: #52DA4D;}
221 
.shareCode{position: absolute;top:-146px;left: 50%;margin-left: -70px;display: none;width: 140px;height:140px;}
221 
.shareCode{position: absolute;top:-156px;left: 50%;margin-left: -75px;display: none;width: 150px;height:150px;}
222 222 
.shareCode img{width: 100%;}
223 
.coulstbtn .attentBtn{position:relative;padding-left:42px;border:1px solid #ff9900;color:#ff9900;background: transparent;}
224 
.coulstbtn .attentBtn em{position:absolute;top:4px;left:24px;display:inline-block; width:16px;height:18px;background:url(../images/favoricon.png) 0 -31px no-repeat;background-size:100% auto;}
223 
.coulstbtn .attentBtn{position:relative;padding-left:53px;border:1px solid #ff9900;color:#ff9900;background: transparent;}
224 
.coulstbtn .attentBtn em{position:absolute;top:50%;margin-top:-9px;left:34px;display:inline-block; width:16px;height:18px;background:url(../images/favoricon.png) 0 -32px no-repeat;background-size:100% auto;}
225 225 
.coulstbtn .attentBtn i{font-style: normal;}
226 
.coulstbtn .attentBtn.attented{color:#ffffff;padding-left:44px;background: #f4c600;border:1px solid #f4c600;}
226 
.coulstbtn .attentBtn.attented{color:#ffffff;padding-left:54px;background: #f4c600;border:1px solid #f4c600;}
227 227 
.coulstbtn .attentBtn.attented em{background:url(../images/favoricon.png) 0 -48px no-repeat;background-size:100% auto;}
228 228 
/*专家信息头部*/
229 229 
.information-head{ width:1050px; margin:auto;background:#fff; border:1px  solid #eaeaea; margin-top:30px; padding:20px 30px; position: relative;}

@ -464,7 +464,11 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
464 464 
	background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* 标准的语法 */
465 465 
}
466 466 
#artical_topic{position: absolute;bottom:0;padding:6px 10px;font-size:14px;line-height:16px;color:#FFFFFF}
467 
.art_img{ width: 100%; height:160px; overflow: hidden;background: url(../images/default-artical.jpg) center center no-repeat;background-size:100% auto;}
467 
.art_img{ width: 100%; height:160px; overflow: hidden;
468 
	background: url(../images/default-artical.jpg) center center no-repeat;
469 
	background-size:cover;/*宽高覆盖区域*/
470 
	-moz-background-size:cover;
471 
	-webkit-background-size:cover;}
468 472
469 473 
.tagsBox{padding:4%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
470 474 
.tagsBox span{color:#666;margin:0 2px;font-size: 13px;}

+ 21 - 0
css/workspace.css
View File 

@ -112,6 +112,27 @@
112 112 
.objectsrc:hover{ background:#F1D299;}
113 113 
.objectsrc p{ line-height:24px; text-align:center;}
114 114 
.objectsrc .objectstate{/* background:url(../images/progressing.png) 52px 2px no-repeat;*/}
115
116 
.otherRes{padding:10px;}
117 
.otherRes li{ width: 202px;float:left;border: 1px solid #e4e5e7;margin:0 12px 12px 0;border-radius: 6px;cursor: pointer;}
118 
.otherRes li:last-child{margin:0 0 12px 0;}
119 
.otherRes li a{display: block;}
120 
.art_topicBox{position: relative;display: block;}
121 
.art_topicbox{ position:absolute;top:0;width:100%;height:100%;
122 
	background: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Safari 5.1 - 6.0 */
123 
	background: -o-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Opera 11.1 - 12.0 */
124 
	background: -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Firefox 3.6 - 15 */
125 
	background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* 标准的语法 */
126 
}
127 
#artical_topic{position: absolute;bottom:0;padding:6px 10px;font-size:14px;line-height:16px;color:#FFFFFF}
128 
.art_img{ width: 200px; height:160px; overflow: hidden;
129 
	background: url(../images/default-artical.jpg) center center no-repeat;
130 
	background-size:cover;
131 
	-moz-background-size:cover;
132 
	-webkit-background-size:cover;}
133 
.tagsBox{padding:4%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
134 
.tagsBox span{color:#666;margin:0 2px;font-size: 13px;}
135
115 136 
/*公告*/
116 137 
.workconright{ width:29%;}
117 138 
.worknotice{ width:100%; height:464px;/*  border:1px solid #d6d6d6; */background:#fff; position: relative;text-align: center; margin:1px;}

+ 24 - 2
resourceInfo.html
View File 

@ -78,8 +78,14 @@
78 78 
							</div>
79 79 
						</div>
80 80 
					</div>
81 
					<div class="coulstbtn" style="position:absolute;bottom:30px;">
82 
						<span  id="consultin">咨询</span>
81 
					<div class="coulstbtn floatL" style="position: absolute;bottom: 20px;">
82 
						<span id="conbtn">咨询</span>
83 
						<span class="shareWeixin" style="position: relative;">分享至微信
84 
							<div class="shareCode">
85 
								<img src="images/code.jpg">
86 
							</div>
87 
						</span>
88 
						<span class="attentBtn" id="attentBtn"><em></em><i>关注</i></span>
83 89 
					</div>
84 90 
				</div>
85 91 
			</div>
 
@ -157,5 +163,21 @@
157 163 
<script type="text/javascript" src="/js/common.js"></script>
158 164 
<script type="text/javascript" src="/js/popup.js"></script>
159 165 
<script type="text/javascript" src="/js/resourceInfo.js"></script>
166 
<script type="text/javascript">
167 
	//分享关注按钮
168 
	$('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
169 
	var attentFlag;
170 
	$('.attentBtn').click(function(){
171 
		if(attentFlag != 0){
172 
			$(this).addClass('attented');
173 
			$('.attentBtn i').text('取消关注');
174 
			attentFlag=0;
175 
		}else{
176 
			$(this).removeClass('attented');
177 
			$('.attentBtn i').text('关注');
178 
			attentFlag=1;
179 
		}
180 
	})
181 
</script>
160 182 
</body>
161 183 
</html>

+ 56 - 4
workindex.html
View File 

@ -96,16 +96,68 @@
96 96 
            </div>
97 97 
            <!--正在使用的资源-->
98 98 
            <div class="workblock">
99 
                <div class="worktit">我的资源<a class="worklinkbtn floatR"id="allResource">查看全部</a></div>
99 
                <div class="worktit">我的资源<a class="worklinkbtn floatR" id="allResource">查看全部</a></div>
100 100 
                <div class="wbcon">
101 
                   <!--  <div class="sharesrcbox11">
102
103 
                    </div> -->
104 101 
                    <div id="consdcen">
105 102
106 103 
                    </div>
107 104 
                </div>
108 105 
            </div>
106 
            <!--我的文章-->
107 
            <div class="workblock">
108 
                <div class="worktit">我的文章<a class="worklinkbtn floatR" id="allArtical">查看全部</a></div>
109 
                <div class="wbcon">
110 
                    <div id="conArtical">
111 
                    	<ul class="otherRes clearfix">
112 
							<li>
113 
								<a href="articalInfo.html">
114 
									<div class="art_topicBox">
115 
										<div class="art_img"></div>
116 
										<div class="art_topicbox">
117 
											<h6 id="artical_topic" >李光福：为核电安全发展护航  腐蚀防护任重道远</h6>
118 
										</div>
119 
									</div>
120 
									<div class="tagsBox">
121 
										<span>显示</span>
122 
										<span>电脑</span>
123 
										<span>文章浏览</span>
124 
									</div>
125 
								</a>
126 
							</li>
127 
							<li>
128 
								<a href="articalInfo.html">
129 
									<div class="art_topicBox">
130 
										<div class="art_img" style="background: url(images/banner/artical_01.jpg) 0 0 no-repeat;background-size:cover;"></div>
131 
										<div class="art_topicbox">
132 
											<h6 id="artical_topic" >李光福：为核电安全发展护航  腐蚀防护任重道远</h6>
133 
										</div>
134 
									</div>
135 
									<div class="tagsBox">
136 
										<span>显示</span>
137 
										<span>电脑</span>
138 
										<span>文章浏览</span>
139 
									</div>
140 
								</a>
141 
							</li>
142 
							<li>
143 
								<a href="articalInfo.html">
144 
									<div class="art_topicBox">
145 
										<div class="art_img" style="background: url(images/nodata.png) 0 0 no-repeat;background-size:cover;"></div>
146 
										<div class="art_topicbox">
147 
											<h6 id="artical_topic" >李光福：为核电安全发展护航  腐蚀防护任重道远</h6>
148 
										</div>
149 
									</div>
150 
									<div class="tagsBox">
151 
										<span>水晶防护</span>
152 
										<span>电脑</span>
153 
										<span>文章浏览画面文章浏览画面</span>
154 
									</div>
155 
								</a>
156 
							</li>
157 
						</ul>
158 
                    </div>
159 
                </div>
160 
            </div>
109 161 
            <!--正在进行的科研项目-->
110 162 
            <!-- <div class="workblock">
111 163 
                <div class="worktit">正在进行的科研项目<a class="worklinkbtn floatR">查看全部</a></div>

+ 11 - 12
workspaces.html
View File 

@ -1,5 +1,4 @@
1 

2 
 <!DOCTYPE html>
1 
<!DOCTYPE html>
3 2 
<html>
4 3 
<head>
5 4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

@ -40,7 +39,7 @@
40 39 
				<li>
41 40 
					<a class="proinfor clearfix" target="_blank" href="information-brow.html">
42 41 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
43 
						<div class="media-body">
42 
						<div class="mediaBody">
44 43 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
45 44 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
46 45 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>

@ -51,7 +50,7 @@
51 50 
				<li>
52 51 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
53 52 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
54 
						<div class="media-body">
53 
						<div class="mediaBody">
55 54 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
56 55 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
57 56 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>

@ -62,7 +61,7 @@
62 61 
				<li>
63 62 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
64 63 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
65 
						<div class="media-body">
64 
						<div class="mediaBody">
66 65 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
67 66 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
68 67 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>

@ -73,7 +72,7 @@
73 72 
				<li>
74 73 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
75 74 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
76 
						<div class="media-body">
75 
						<div class="mediaBody">
77 76 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
78 77 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
79 78 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>

@ -84,7 +83,7 @@
84 83 
				<li>
85 84 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
86 85 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
87 
						<div class="media-body">
86 
						<div class="mediaBody">
88 87 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
89 88 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
90 89 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>

@ -95,7 +94,7 @@
95 94 
				<li>
96 95 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
97 96 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
98 
						<div class="media-body">
97 
						<div class="mediaBody">
99 98 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
100 99 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
101 100 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>

@ -106,7 +105,7 @@
106 105 
				<li>
107 106 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
108 107 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
109 
						<div class="media-body">
108 
						<div class="mediaBody">
110 109 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
111 110 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
112 111 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>

@ -117,7 +116,7 @@
117 116 
				<li>
118 117 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
119 118 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
120 
						<div class="media-body">
119 
						<div class="mediaBody">
121 120 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
122 121 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
123 122 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>

@ -128,7 +127,7 @@
128 127 
				<li>
129 128 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
130 129 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
131 
						<div class="media-body">
130 
						<div class="mediaBody">
132 131 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
133 132 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
134 133 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>

@ -142,7 +141,7 @@
142 141 
				<li>
143 142 
					<a class="proinfor clearfix" target="_blank"  href="resourceInfo.html">
144 143 
						<div class="headblock floatL ResImgBox"><img id="proHead" class="resImg" src="images/default-resource.jpg"></div>
145 
						<div class="media-body">
144 
						<div class="mediaBody">
146 145 
							<span class="listtit">资源名称</span>
147 146 
							<p class="ellipsisSty listtit2">资源用途资源用途资源用途资源用途资源用途资源用途资源用途资源用途</p>
148 147 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>