Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
e074f29b by 任超
Options

style:法律法规

1 parent 79200ba3 master ... static-state
Inline Side-by-side
Showing 5 changed files with 172 additions and 1 deletions
......@@ -268,7 +268,7 @@
</li>
<li>
<a>查看全部</a>
<img src="/staticImages/more.png" />
<img src="/staticImages/more.png" alt="查看全部" />
</li>
</ul>
<ul>
......@@ -302,6 +302,47 @@
</li>
</ul>
</div>
<div class="policies-regulations">
<ul class="policies-regulations-title">
<li class="item-title regulations-active">
<img src="/staticImages/home-flfg.png" />
法律法规
</li>
<li class="item-title">
相应政策
</li>
<li>
<a href="">查看更多</a>
<img src="/staticImages/more.png" alt="查看全部">
</li>
</ul>
<ul>
<li>
<a href="">创新技术体系 引领事业发展历史事实预计 </a>
<span>2020-12-12</span>
</li>
</ul>
</div>
<div class="interaction">
<div class="interaction-title">
<img src="/staticImages/home-zmhd.png" />
政民互动
</div>
<ul>
<li>
<img src="/staticImages/zxly.png" />
在线留言
</li>
<li>
<img src="/staticImages/zxpj.png" />
在线评价
</li>
<li>
<img src="/staticImages/zxhd.png" />
在线互动
</li>
</ul>
</div>
</div>
<!-- 友情链接 -->
<div class="c_five Links">
......
......@@ -555,6 +555,8 @@ div.c_five ul li a img {
}
.public-announcement {
width: 390px;
float: left;
margin-right: 39px;
}
.public-announcement ul:nth-of-type(1) {
padding-bottom: 10px;
......@@ -624,4 +626,127 @@ div.c_five ul li a img {
content: "";
left: 2px;
top: 20px;
}
.policies-regulations {
float: left;
width: 390px;
margin-top: 3px;
}
.policies-regulations ul:nth-of-type(1){
padding-bottom: 10px;
border-bottom: 1px solid #EAEAEA;
}
.policies-regulations ul:nth-of-type(1) li{
display: inline-block;
cursor: pointer;
}
.policies-regulations ul:nth-of-type(1) li:nth-of-type(1) {
font-size: 22px;
color: #4A4A4A;
margin-right: 25px;
position: relative;
}
.policies-regulations ul:nth-of-type(1) li:nth-of-type(1) img {
width: 25px;
height: 25px;
position: relative;
top: 4px;
right: 2px;
}
.policies-regulations ul:nth-of-type(1) li:nth-of-type(2) {
font-size: 22px;
color: #4A4A4A;
position: relative;
}
.policies-regulations ul:nth-of-type(1) li:nth-of-type(3) {
float: right;
position: relative;
top: 3px;
}
.policies-regulations ul:nth-of-type(1) li:nth-of-type(3) a {
color: #9B9B9B;
font-size: 16px;
}
.policies-regulations ul:nth-of-type(1) li:nth-of-type(3) img {
width: 6px;
height: 12px;
}
.regulations-active {
font-size: 24px!important;
font-weight: 700;
}
.regulations-active::after {
position: absolute;
width: 100%;
height: 1px;
background-color: #006CFF;
content: "";
bottom: -11px;
left: 0;
}
.policies-regulations {
margin-right: 30px;
}
.policies-regulations ul:nth-of-type(2) {
margin-top: 5px;
}
.policies-regulations ul:nth-of-type(2) li {
line-height: 45px;
}
.policies-regulations ul:nth-of-type(2) li a{
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 289px;
text-align: left;
position: relative;
padding-left: 10px;
line-height: 45px;
}
.policies-regulations ul:nth-of-type(2) li a::before {
position: absolute;
width: 4px;
height: 4px;
border-radius: 4px;
background-color: #4a4a4a;
content: "";
left: 2px;
top: 20px;
}
.policies-regulations ul:nth-of-type(2) li span {
font-size: 16px;
color: #9B9B9B;
float: right;
}
.interaction {
float: left;
margin-top: 3px;
width: 351px;
}
.interaction .interaction-title{
padding-bottom: 10px;
border-bottom: 1px solid #EAEAEA;
color: #4A4A4A;
font-size: 24px;
font-weight: 700;
}
.interaction .interaction-title img {
width: 24px;
height: 23px;
position: relative;
top: 2px;
}
.interaction ul li {
border-bottom: 1px solid #EAEAEA;
color: #31394C;
font-size: 18px;
text-align: center;
padding: 10px 0 40px 0;
}
.interaction ul li img {
width: 54px;
height: 54px;
position: relative;
top: 20px;
}
\ No newline at end of file
......

2.36 KB

1.53 KB
......@@ -85,6 +85,11 @@ function initData() {
window.open(getSearchUrl(urlId), '_self')
}
})
// 政策法规
$('.policies-regulations-title .item-title').click(function () {
$('.policies-regulations-title .item-title').removeClass('regulations-active');
$(this).addClass('regulations-active');
})
}
function getSearchUrl(level) {
const resultMap = {
......