Bladeren bron

最近文章样式完善

luyanan 7 jaren geleden
bovenliggende
commit
a90e39d1ee
3 gewijzigde bestanden met toevoegingen van 30 en 29 verwijderingen
  1. 12 20
      articalShow.html
  2. 11 6
      css/genindex.css
  3. 7 3
      js/articalShow.js

+ 12 - 20
articalShow.html

@ -131,7 +131,7 @@
131 131
			</div>
132 132
			
133 133
			<div class="rightconBox floatR">
134
				<div class="conItem conItemG alignCenter displayNone" id="expert" style="border:none;padding:30px;">
134
				<div class="conItem conItemG alignCenter displayNone" id="expert" style="border:none;">
135 135
					<a href="" class="hrefgo"><div class="madiaHead useHead" id="Zimg"></div></a>
136 136
					<div class="proInfo">
137 137
						<div class="h3Font clearfix">
@ -144,9 +144,15 @@
144 144
					<div class="goSpan displayNone">
145 145
						<span class="attenSpan"></span>
146 146
					</div>
147
						
147
					<div class="form-item otherBlock currentBlock">
148
						<div class="aboutTit">最近文章</div>
149
						<div class="form-result currentArt">
150
							<ul class="recentlyList">
151
							</ul>
152
						</div>
153
					</div>	
148 154
				</div>
149
				<div class="conItem conItemG alignCenter displayNone" id="enterprise" style="border:none;padding:30px;">
155
				<div class="conItem conItemG alignCenter displayNone" id="enterprise" style="border:none;">
150 156
					<a href=""  class="qiyego">
151 157
						<div class="madiaHead cmpHead" id="Qimg">
152 158
							<div class="boxBlock" style="width:98px;height:98px">
@ -165,27 +171,13 @@
165 171
					<div class="goSpan">
166 172
						<span class="attenSpan"></span>
167 173
					</div>
168
				</div>
169
				<div class="conItem">
170
					<div class="form-item otherBlock">
174
					<div class="form-item otherBlock currentBlock">
171 175
						<div class="aboutTit">最近文章</div>
172 176
						<div class="form-result currentArt">
173
							<ul id="recentlyList">
174
								<!--<li>
175
									<p class="h2Font ellipsisSty-2">我国新航母开始发动机点火试车,各位真的不必为那缕黑烟担心航母动力</p>
176
									<span class="smalltip">5月8日 18:00</span>
177
								</li>
178
								<li>
179
									<p class="h2Font ellipsisSty-2">我国新航母开始发动机点火试车,各位真的不必为那缕黑烟担心航母动力</p>
180
									<span class="smalltip">5月8日 18:00</span>
181
								</li>
182
								<li>
183
									<p class="h2Font ellipsisSty-2">我国新航母开始发动机点火试车,各位真的不必为那缕黑烟担心航母动力</p>
184
									<span class="smalltip">5月8日 18:00</span>
185
								</li>--> 
177
							<ul class="recentlyList">
186 178
							</ul>
187 179
						</div>
188
					</div>
180
					</div>	
189 181
				</div>
190 182

191 183
			</div>

+ 11 - 6
css/genindex.css

@ -233,8 +233,10 @@ ul.listitemdiv.listmorediv .companyhead .boxBlock{width: 164px;height: 110px;}
233 233
.hotThis{position:absolute;top:-5px;right:-5px;display:inline-block;width:63px;height:63px;background:url(../images/g_article_bg_redu_nor.png);}
234 234
235 235
.rightconBox{width:260px;margin-left: 20px;}
236
.rightconBox .conItem{padding:30px;background: #FFFFFF;margin-bottom: 20px;}
237
.conBlock .rightconBox .conItem:first-child{padding:30px 10px;border-top:4px #ff9900 solid;}
236
.rightconBox .conItem{padding:30px 20px;background: #FFFFFF;margin-bottom: 20px;}
237
.rightconBox .conItem .form-result{margin:18px -20px 0 -20px}
238
.rightconBox .conItem .form-result>ul>li{padding:12px 20px}
239
.conBlock .rightconBox .conItem:first-child{padding:30px 20px;border-top:4px #ff9900 solid;}
238 240
ul.artAbout>li{clear:both;}
239 241
ul.artAbout>li:before,ul.artAbout>li:after{display:table;content:" "}
240 242
ul.artAbout>li:after{clear:both}
@ -275,8 +277,13 @@ ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #ff99
275 277
.conItem ul.operateBlock>li.disableLi:hover{color:#666666;}
276 278
.conItem ul.operateBlock>li.disableLi:hover .operateicon.icon-delete{background-image:url(../images/g_article_icon_shanchu_nor.png);}
277 279
.conItem .aboutTit{margin-top:-10px;}
278
.conItem .otherBlock{padding-bottom: 30px;border-bottom:1px dashed #E5E5E5;margin-bottom: 30px;}
280
.conItem .otherBlock{padding-bottom: 30px;border-bottom:1px dashed #E5E5E5;margin-bottom: 30px;text-align: left;}
279 281
.conItem .otherBlock:last-child{padding:0;margin:0;border: 0;}
282
.rightconBox .conItem .currentArt.form-result{margin-top:0}
283
.rightconBox .conItem .currentArt.form-result li{padding:8px 20px 4px;min-height: auto;}
284
.rightconBox .conItem.conItemG .currentArt.form-result .ellipsisSty-2{max-height:42px;line-height: 20px;}
285
.rightconBox .conItem.conItemG .currentArt.form-result .smalltip{display:inline-block;color:#999;margin-top:6px}
286
.rightconBox .conItem.conItemG .currentBlock{margin-top:30px;padding-top:16px;border-top:1px solid #E5E5E5}
280 287
281 288
.flexCenter{position: relative;width: 100%; min-height:90px;
282 289
		    display: -webkit-box;
@ -413,9 +420,7 @@ ul.tagList>li .h2Font{color:#666}
413 420
.goSpan .attenedSpan{background:#ccc;padding-left:16px;}
414 421
.goSpan .attenedSpan:before{content:"";}
415 422
.goSpan .consultSpan{}
416
.currentArt.form-result{margin-top:0}
417
.currentArt.form-result .ellipsisSty-2{max-height:42px;line-height: 20px;}
418
.currentArt.form-result .smalltip{display:inline-block;color:#999;margin-top:6px}
423
419 424
/*文章列表*/
420 425
.itemListCon{background: #fff;}
421 426
.itemListBolck .searchAbout{position: relative;}

+ 7 - 3
js/articalShow.js

@ -19,6 +19,10 @@ $(function() {
19 19
	//最近文章
20 20
	function recentlyArticle(num,obj) {
21 21
		var ourl=num==1?"/ajax/article/qaOrgPublish":"/ajax/article/qaProPublish";
22
		var qyw = 0;
23
		if(num=1){
24
			var qyw=1;
25
		}
22 26
		$.ajax({
23 27
			"url" :ourl ,
24 28
			"type" :  "GET" ,
@ -29,9 +33,9 @@ $(function() {
29 33
					var $data=data.data;
30 34
					for(var i=0;i<5;i++) {
31 35
						var str='<li>'+
32
									'<a href="articalShow.html?articleId="'+$data[i].articleId+'><p class="h2Font ellipsisSty-2">'+$data[i].articleTitle+'</p>'+
33
									'<span class="smalltip">'+commenTime($data[i].publishTime)+'</span></a></li>'
34
						$("#recentlyList").append(str);	
36
							'<a href="articalShow.html?articleId="'+$data[i].articleId+'><p class="h2Font ellipsisSty-2">'+$data[i].articleTitle+'</p>'+
37
							'<span class="smalltip">'+commenTime($data[i].publishTime)+'</span></a></li>'
38
						$(".recentlyList").eq(qyw).append(str);	
35 39
					}
36 40
				}
37 41