Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
0f01debf by weimo934
Options

style(*):添加微信分享

1 parent 16857c58
Inline Side-by-side
Showing 2 changed files with 54 additions and 3 deletions
...@@ -320,6 +320,49 @@ div.navigation { ...@@ -320,6 +320,49 @@ div.navigation {
320 margin-top: 30px; 320 margin-top: 30px;
321 } 321 }
322 322
323 .wxewm {
324 /*display: none;*/
325 position: absolute;
326 top: -25px;
327 left: -100px;
328 width: 110px;
329 height: 160px;
330 border: 1px solid #CCC;
331 }
332 .wxewm img{
333 padding: 5px;
334 }
335 .wxewm:before{
336 content: "";
337 position: absolute;
338 left: 110px;
339 top: 30px;
340 border-top: 6px solid transparent;
341 border-bottom: 6px solid transparent;
342 border-left: 10px solid #CCC;
343 }
344 .wxewm:after{
345 content: "";
346 position: absolute;
347 left: 109px;
348 top: 31px;
349 border-top: 5px solid transparent;
350 border-bottom: 5px solid transparent;
351 border-left: 9px solid white;
352 }
353 .wxewm span {
354 display: inline-block;
355 }
356
357 .wx {
358 position: relative;
359 }
360
361 .wx:hover .wxewm {
362 display: inline-block;
363 }
364
365
323 .date div:nth-child(1), .date div:nth-child(3) { 366 .date div:nth-child(1), .date div:nth-child(3) {
324 width: 39px; 367 width: 39px;
325 height: 16px; 368 height: 16px;
...@@ -620,7 +663,8 @@ div.navigation { ...@@ -620,7 +663,8 @@ div.navigation {
620 color: #4A4A4A; 663 color: #4A4A4A;
621 line-height: 18px; 664 line-height: 18px;
622 } 665 }
623 .right-top h2{ 666
667 .right-top h2 {
624 font-size: 27px; 668 font-size: 27px;
625 } 669 }
626 670
......
...@@ -87,11 +87,18 @@ ...@@ -87,11 +87,18 @@
87 </div> 87 </div>
88 <div class="share"> 88 <div class="share">
89 <div>-分享-</div> 89 <div>-分享-</div>
90 <div>微信</div> 90 <div class="wx">微信
91 <div class="wxewm">
92 <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3900974051,675208502&fm=26&gp=0.jpg"
93 width="100px" alt="微信分享二维码">
94 <span>用微信扫描二维码</span>
95 </div>
96 </div>
91 <div>朋友圈</div> 97 <div>朋友圈</div>
92 <div> 98 <div>
93 99
94 <a href="http://v.t.sina.com.cn/share/share.php?url=http://www.jb51.net&title='分享内容'" target="_blank">微博</a> 100 <a href="http://v.t.sina.com.cn/share/share.php?url=http://www.jb51.net&title='分享内容'"
101 target="_blank">微博</a>
95 </div> 102 </div>
96 <div> 103 <div>
97 <a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://www.jb51.net" 104 <a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://www.jb51.net"
......