styel:首页
Showing
3 changed files
with
24 additions
and
8 deletions
... | @@ -304,11 +304,11 @@ | ... | @@ -304,11 +304,11 @@ |
304 | </div> | 304 | </div> |
305 | <div class="policies-regulations"> | 305 | <div class="policies-regulations"> |
306 | <ul class="policies-regulations-title"> | 306 | <ul class="policies-regulations-title"> |
307 | <li class="item-title regulations-active"> | 307 | <li class="item-title regulations-active" data-id="1"> |
308 | <img src="/staticImages/home-flfg.png" /> | 308 | <img src="/staticImages/home-flfg.png" /> |
309 | 法律法规 | 309 | 法律法规 |
310 | </li> | 310 | </li> |
311 | <li class="item-title"> | 311 | <li class="item-title" data-id="2"> |
312 | 相应政策 | 312 | 相应政策 |
313 | </li> | 313 | </li> |
314 | <li> | 314 | <li> |
... | @@ -316,12 +316,18 @@ | ... | @@ -316,12 +316,18 @@ |
316 | <img src="/staticImages/more.png" alt="查看全部"> | 316 | <img src="/staticImages/more.png" alt="查看全部"> |
317 | </li> | 317 | </li> |
318 | </ul> | 318 | </ul> |
319 | <ul> | 319 | <ul class="laws-regulations item-policies"> |
320 | <li> | 320 | <li> |
321 | <a href="">创新技术体系 引领事业发展历史事实预计 </a> | 321 | <a href="">创新技术体系 引领事业发展历史事实预计 </a> |
322 | <span>2020-12-12</span> | 322 | <span>2020-12-12</span> |
323 | </li> | 323 | </li> |
324 | </ul> | 324 | </ul> |
325 | <ul class="corresponding-policies item-policies"> | ||
326 | <li> | ||
327 | <a href="">1创新技术体系 引领事业发展历史事实预计 </a> | ||
328 | <span>2020-12-12</span> | ||
329 | </li> | ||
330 | </ul> | ||
325 | </div> | 331 | </div> |
326 | <div class="interaction"> | 332 | <div class="interaction"> |
327 | <div class="interaction-title"> | 333 | <div class="interaction-title"> | ... | ... |
... | @@ -687,13 +687,13 @@ div.c_five ul li a img { | ... | @@ -687,13 +687,13 @@ div.c_five ul li a img { |
687 | .policies-regulations { | 687 | .policies-regulations { |
688 | margin-right: 30px; | 688 | margin-right: 30px; |
689 | } | 689 | } |
690 | .policies-regulations ul:nth-of-type(2) { | 690 | .policies-regulations .item-policies { |
691 | margin-top: 5px; | 691 | margin-top: 5px; |
692 | } | 692 | } |
693 | .policies-regulations ul:nth-of-type(2) li { | 693 | .policies-regulations .item-policies li { |
694 | line-height: 45px; | 694 | line-height: 45px; |
695 | } | 695 | } |
696 | .policies-regulations ul:nth-of-type(2) li a{ | 696 | .policies-regulations .item-policies li a{ |
697 | display: inline-block; | 697 | display: inline-block; |
698 | overflow: hidden; | 698 | overflow: hidden; |
699 | text-overflow: ellipsis; | 699 | text-overflow: ellipsis; |
... | @@ -704,7 +704,7 @@ div.c_five ul li a img { | ... | @@ -704,7 +704,7 @@ div.c_five ul li a img { |
704 | padding-left: 10px; | 704 | padding-left: 10px; |
705 | line-height: 45px; | 705 | line-height: 45px; |
706 | } | 706 | } |
707 | .policies-regulations ul:nth-of-type(2) li a::before { | 707 | .policies-regulations .item-policies li a::before { |
708 | position: absolute; | 708 | position: absolute; |
709 | width: 4px; | 709 | width: 4px; |
710 | height: 4px; | 710 | height: 4px; |
... | @@ -714,11 +714,14 @@ div.c_five ul li a img { | ... | @@ -714,11 +714,14 @@ div.c_five ul li a img { |
714 | left: 2px; | 714 | left: 2px; |
715 | top: 20px; | 715 | top: 20px; |
716 | } | 716 | } |
717 | .policies-regulations ul:nth-of-type(2) li span { | 717 | .policies-regulations .item-policies li span { |
718 | font-size: 16px; | 718 | font-size: 16px; |
719 | color: #9B9B9B; | 719 | color: #9B9B9B; |
720 | float: right; | 720 | float: right; |
721 | } | 721 | } |
722 | .corresponding-policies { | ||
723 | display: none; | ||
724 | } | ||
722 | .interaction { | 725 | .interaction { |
723 | float: left; | 726 | float: left; |
724 | margin-top: 3px; | 727 | margin-top: 3px; | ... | ... |
... | @@ -87,8 +87,15 @@ function initData() { | ... | @@ -87,8 +87,15 @@ function initData() { |
87 | }) | 87 | }) |
88 | // 政策法规 | 88 | // 政策法规 |
89 | $('.policies-regulations-title .item-title').click(function () { | 89 | $('.policies-regulations-title .item-title').click(function () { |
90 | let index = $(this).attr('data-id'); | ||
90 | $('.policies-regulations-title .item-title').removeClass('regulations-active'); | 91 | $('.policies-regulations-title .item-title').removeClass('regulations-active'); |
91 | $(this).addClass('regulations-active'); | 92 | $(this).addClass('regulations-active'); |
93 | $('.item-policies').hide(); | ||
94 | if (index =='2') { | ||
95 | $('.corresponding-policies').show(); | ||
96 | }else { | ||
97 | $('.laws-regulations').show(); | ||
98 | } | ||
92 | }) | 99 | }) |
93 | } | 100 | } |
94 | function getSearchUrl(level) { | 101 | function getSearchUrl(level) { | ... | ... |
-
Please register or sign in to post a comment