Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
1cb37667 by 焦小希
Options

更改新闻的详情的样式

1 parent 5c4e0c5b
Inline Side-by-side
Showing 8 changed files with 74 additions and 87 deletions
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
69 <div class="left"> 69 <div class="left">
70 <ul class="leftContainer"> 70 <ul class="leftContainer">
71 <li> 71 <li>
72 <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复"> 72 <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
73 前三季度主要指标由负转正 中国经济持续稳定恢复 73 前三季度主要指标由负转正 中国经济持续稳定恢复
74 </a> 74 </a>
75 <a class="xw" href="./../xwxq/index.html" target="_blank"> 75 <a class="xw" href="./../xwxq/index.html" target="_blank">
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
102 </a> 102 </a>
103 </li> 103 </li>
104 <li> 104 <li>
105 <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复"> 105 <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
106 前三季度主要指标由负转正 中国经济持续稳定恢复 106 前三季度主要指标由负转正 中国经济持续稳定恢复
107 </a> 107 </a>
108 <a class="xw" href="./../xwxq/index.html" target="_blank"> 108 <a class="xw" href="./../xwxq/index.html" target="_blank">
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
135 </a> 135 </a>
136 </li> 136 </li>
137 <li> 137 <li>
138 <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复"> 138 <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
139 前三季度主要指标由负转正 中国经济持续稳定恢复 139 前三季度主要指标由负转正 中国经济持续稳定恢复
140 </a> 140 </a>
141 <a class="xw" href="./../xwxq/index.html" target="_blank"> 141 <a class="xw" href="./../xwxq/index.html" target="_blank">
...@@ -168,7 +168,7 @@ ...@@ -168,7 +168,7 @@
168 </a> 168 </a>
169 </li> 169 </li>
170 <li> 170 <li>
171 <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复"> 171 <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
172 前三季度主要指标由负转正 中国经济持续稳定恢复 172 前三季度主要指标由负转正 中国经济持续稳定恢复
173 </a> 173 </a>
174 <a class="xw" href="./../xwxq/index.html" target="_blank"> 174 <a class="xw" href="./../xwxq/index.html" target="_blank">
...@@ -207,8 +207,8 @@ ...@@ -207,8 +207,8 @@
207 <div class="right-top"> 207 <div class="right-top">
208 <h2>新闻推荐</h2> 208 <h2>新闻推荐</h2>
209 </div> 209 </div>
210 <div class="right-body"> 210 <ul class="right-body">
211 <div class="tj"> 211 <li class="tj">
212 <img 212 <img
213 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> 213 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
214 <span class="tj-title"> 214 <span class="tj-title">
...@@ -217,23 +217,23 @@ ...@@ -217,23 +217,23 @@
217 <span class="tj-date"> 217 <span class="tj-date">
218 2020-12-12 218 2020-12-12
219 </span> 219 </span>
220 </div> 220 </li>
221 <div class="tj"> 221 <li class="tj">
222 <img 222 <img
223 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> 223 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
224 <span class="tj-title"> 224 <span class="tj-title">
225 爬山虎国土空间信息化解决方案终极方案 225 爬山虎国土空间信息化解决方案
226 </span> 226 </span>
227 <span class="tj-date"> 227 <span class="tj-date">
228 2020-12-12 228 2020-12-12
229 </span> 229 </span>
230 </div> 230 </li>
231 </div> 231 </ul>
232 <div class="right-bottom"> 232 <ul class="right-bottom">
233 <div class="right-bottom-top"> 233 <div class="right-bottom-top">
234 <span>政策法规推荐</span> 234 <span>政策法规推荐</span>
235 </div> 235 </div>
236 <div class="zcfg"> 236 <li class="zcfg">
237 <div class="zcfg-top"> 237 <div class="zcfg-top">
238 <span>爬山虎国土空间规划信息化解决</span> 238 <span>爬山虎国土空间规划信息化解决</span>
239 </div> 239 </div>
...@@ -243,8 +243,8 @@ ...@@ -243,8 +243,8 @@
243 <div class="zcfg-bottom"> 243 <div class="zcfg-bottom">
244 <span>2020-10-28</span> 244 <span>2020-10-28</span>
245 </div> 245 </div>
246 </div> 246 </li>
247 <div class="zcfg"> 247 <li class="zcfg">
248 <div class="zcfg-top"> 248 <div class="zcfg-top">
249 <span>爬山虎国土空间规划信息化解决</span> 249 <span>爬山虎国土空间规划信息化解决</span>
250 </div> 250 </div>
...@@ -254,8 +254,8 @@ ...@@ -254,8 +254,8 @@
254 <div class="zcfg-bottom"> 254 <div class="zcfg-bottom">
255 <span>2020-10-28</span> 255 <span>2020-10-28</span>
256 </div> 256 </div>
257 </div> 257 </li>
258 </div> 258 </ul>
259 </div> 259 </div>
260 </div> 260 </div>
261 261
......
...@@ -364,69 +364,54 @@ div.navigation { ...@@ -364,69 +364,54 @@ div.navigation {
364 } 364 }
365 365
366 .wx .icon { 366 .wx .icon {
367 background: url("./../../../staticImages/share/weixin.svg") center no-repeat; 367 background: url("./../../../staticImages/weixin.png") center no-repeat;
368 width: 60px;
368 height: 60px; 369 height: 60px;
369 background-size: 70%; 370 background-size: 70%;
371 cursor: pointer;
370 } 372 }
371 373 .imaglist{
372 .wx .icon:hover { 374 margin-left: 10px
375 }
376
377 /* .wx .icon:hover {
373 background: url("./../../../staticImages/share/weixin-hove.svg") center no-repeat; 378 background: url("./../../../staticImages/share/weixin-hove.svg") center no-repeat;
374 height: 60px; 379 height: 60px;
375 background-size: 70%; 380 background-size: 70%;
376 } 381 } */
377 382
378 .wx:hover .wxewm { 383 .wx:hover .wxewm {
379 display: inline-block; 384 display: inline-block;
380 } 385 }
381 386
382 .pyq .icon { 387 .pyq .icon {
383 background: url("./../../../staticImages/share/pengyouquan.svg") center no-repeat; 388 background: url("./../../../staticImages//pengyouquan.png") center no-repeat;
384 height: 60px;
385 background-size: 70%;
386 }
387
388 .pyq .icon:hover {
389 background: url("./../../../staticImages/share/pengyouquan-hove.svg") center no-repeat;
390 height: 60px; 389 height: 60px;
390 width: 60px;
391 background-size: 70%; 391 background-size: 70%;
392 cursor: pointer;
392 } 393 }
393
394 .weibo .icon { 394 .weibo .icon {
395 background: url("./../../../staticImages/share/weibo.svg") center no-repeat; 395 background: url("./../../../staticImages/weibo.png") center no-repeat;
396 height: 60px;
397 background-size: 70%;
398 }
399
400 .weibo .icon:hover {
401 background: url("./../../../staticImages/share/weibo-hover.svg") center no-repeat;
402 height: 60px; 396 height: 60px;
397 width: 60px;
403 background-size: 70%; 398 background-size: 70%;
399 cursor: pointer;
404 } 400 }
405
406 .qq .icon { 401 .qq .icon {
407 background: url("./../../../staticImages/share/qq.svg") center no-repeat; 402 background: url("./../../../staticImages/qq.png") center no-repeat;
408 height: 60px;
409 background-size: 70%;
410 }
411
412 .qq .icon:hover {
413 background: url("./../../../staticImages/share/qq-hover.svg") center no-repeat;
414 height: 60px; 403 height: 60px;
404 width: 60px;
415 background-size: 70%; 405 background-size: 70%;
406 cursor: pointer;
416 } 407 }
417
418 .qqkj .icon { 408 .qqkj .icon {
419 background: #ffffff url("./../../../staticImages/share/QQkongjian.svg") center no-repeat; 409 background: url("./../../../staticImages/kongjian.png") center no-repeat;
420 height: 60px;
421 background-size: 70%;
422 }
423
424 .qqkj .icon:hover {
425 background: #ffffff url("./../../../staticImages/share/QQkongjian-hover.svg") center no-repeat;
426 height: 60px; 410 height: 60px;
411 width: 60px;
427 background-size: 70%; 412 background-size: 70%;
413 cursor: pointer;
428 } 414 }
429
430 .pl .icon { 415 .pl .icon {
431 background: #ffffff url("./../../../staticImages/share/pinglun.svg") center no-repeat; 416 background: #ffffff url("./../../../staticImages/share/pinglun.svg") center no-repeat;
432 height: 60px; 417 height: 60px;
...@@ -438,7 +423,7 @@ div.navigation { ...@@ -438,7 +423,7 @@ div.navigation {
438 height: 25px; 423 height: 25px;
439 border-radius: 50%; 424 border-radius: 50%;
440 position: absolute; 425 position: absolute;
441 lefe: 50px; 426 /* left: 50px; */
442 margin-left: 45px; 427 margin-left: 45px;
443 background-color: white; 428 background-color: white;
444 color: #FF1313; 429 color: #FF1313;
......
...@@ -87,39 +87,41 @@ ...@@ -87,39 +87,41 @@
87 </div> 87 </div>
88 <div class="share"> 88 <div class="share">
89 <span>-分享-</span> 89 <span>-分享-</span>
90 <div class="wx"> 90 <div class="imaglist">
91 <div class="icon"> 91 <div class="wx">
92 </div> 92 <div class="icon">
93 <div class="wxewm"> 93 </div>
94 <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3900974051,675208502&fm=26&gp=0.jpg" 94 <div class="wxewm">
95 width="100px" alt="微信分享二维码"> 95 <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3900974051,675208502&fm=26&gp=0.jpg"
96 <span>用微信扫描二维码</span> 96 width="100px" alt="微信分享二维码">
97 </div> 97 <span>用微信扫描二维码</span>
98 </div> 98 </div>
99 <div class="pyq"> 99 </div>
100 <div class="icon"></div> 100 <div class="pyq">
101 </div> 101 <div class="icon"></div>
102 <div class="weibo"> 102 </div>
103 <a href="http://v.t.sina.com.cn/share/share.php?url=http://www.jb51.net&title='分享内容'" 103 <div class="weibo">
104 target="_blank"> 104 <a href="http://v.t.sina.com.cn/share/share.php?url=http://www.jb51.net&title='分享内容'"
105 <div class="icon"> 105 target="_blank">
106 </div> 106 <div class="icon">
107 </a> 107 </div>
108 </div> 108 </a>
109 <div class="qq"> 109 </div>
110 <a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://www.jb51.net" 110 <div class="qq">
111 target="_blank"> 111 <a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://www.jb51.net"
112 <div class="icon"> 112 target="_blank">
113 </div> 113 <div class="icon">
114 </a> 114 </div>
115 </div> 115 </a>
116 <div class="qqkj"> 116 </div>
117 <a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://www.jb51.net" 117 <div class="qqkj">
118 target="_blank"> 118 <a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://www.jb51.net"
119 <div class="icon"> 119 target="_blank">
120 </div> 120 <div class="icon">
121 </a> 121 </div>
122 </div> 122 </a>
123 </div>
124 </div>
123 </div> 125 </div>
124 <div class="comment"> 126 <div class="comment">
125 <div> 127 <div>
......