Skip to content

任超 / js.portalStaticPage

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

feat:首页图标的替换

1 parent a3d124dd
Inline Side-by-side
Showing 3 changed files with 106 additions and 23 deletions
.clearfix {
overflow: auto;
}
.contentBox {
width: 1200px;
margin: 0 auto;
padding-bottom: 50px;
}
div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer {
width: 100%;
text-align: center;
......@@ -87,10 +93,15 @@ div.banner ul li a {
height: 37px;
border-bottom: 2px solid #006CFF;
}
.laws_regulations .title h2 a p .icon {
width: 22px;
height: 21px;
}
.laws_regulations .title h2 a p span {
position: relative;
font-size: 20px;
top: -3px;
margin-left: 3px;
}
.laws_regulations .title h2 i{
......@@ -203,9 +214,17 @@ div.banner ul li a {
height: 37px;
border-bottom: 2px solid #006CFF;
}
.common_question .title h2 a p .icon {
width: 22px;
height: 21px;
float: left;
}
.common_question .title h2 a p span {
position: relative;
font-size: 20px;
margin-left: 5px;
float: left;
top: -4px;
}
.common_question .title h2 i{
......@@ -265,11 +284,11 @@ div.banner ul li a {
div.c_one {
}
div.c_one div:first-child {
/* div.c_one div:first-child {
width: 1200px;
height: 430px;
text-align: left;
}
} */
div.c_one div:first-child .news, div.c_one div:first-child .notice {
margin-top: 40px;
......@@ -287,8 +306,10 @@ div.c_one div:first-child .notice {
width: 30%;
float: right;
}
div.c_one div:first-child .notice button{
.notice_list li a .icon{
float: right;
height: 25px;
width: 11%;
margin-top: 5px;
}
......@@ -296,7 +317,7 @@ div.c_one div:first-child .notice button{
div.c_one h2 {
float: left;
width: 100%;
padding: 20px 0;
padding: 20px 0 0 0;
border-bottom: 2px solid #efefef;
}
......@@ -305,14 +326,6 @@ div.c_one h2 a {
width: 100%;
}
div.c_one h2 span {
float: left;
background: #ffffff url("./../staticImages/n_t_s.jpg") no-repeat left center;
padding-left: 45px;
font-size: 18px;
color: #000000;
letter-spacing: 2px;
}
div.c_one h2 i {
float: right;
......@@ -350,6 +363,7 @@ div.c_one ul li a {
width: 100%;
display: block;
color: #000000;
text-align: left;
}
div.c_one ul li a:hover {
color: #f46143;
......@@ -372,12 +386,36 @@ div.c_one ul li a i {
line-height: 120%;
margin: 9px 2px auto auto;
font-size: 10px;
border-radius: 2px;
}
div.c_one .news ul {
float: right;
width: 50%;
}
.news_title_content:hover span{
color: #4A4A4A;
}
.news_title_content .news_title{
float: left;
height: 39px;
border-bottom: 2px solid #006CFF;
position: relative;
top: 1px;
}
.news_title_content .news_title span {
float: left;
margin-left: 6px;
font-size: 20px;
margin-top: -3px;
font-weight: 600;
}
.news_title_content .news_title .icon {
width: 22px;
height: 21px;
float: left;
}
div.c_two {
background-color: #fafafa;
......
......@@ -39,7 +39,7 @@
<div class="navigation">
<ul class="layui-nav layui-bg-blue" lay-filter="">
<li class="layui-nav-item layui-this"><a href="./staticIndex.html" title="首页">首页</a></li>
<li class="layui-nav-item"><a href="./staticViews/xwdt/index.html"title="新闻动态">新闻动态</a></li>
<li class="layui-nav-item"><a href="./staticViews/xwdt/index.html" title="新闻动态">新闻动态</a></li>
<li class="layui-nav-item"><a href="">业务办理</a></li>
<li class="layui-nav-item"><a href="./staticViews/bszn/index.html">办事指南</a></li>
<li class="layui-nav-item">
......@@ -74,9 +74,19 @@
</ul>
</div>
<div class="c_one">
<div class="subject">
<div class="contentBox">
<div class="news">
<h2><a href=""><span>新闻动态</span><i>查看全部 ></i></a></h2>
<h2>
<a href="" title="新闻动态" class="news_title_content">
<div class="news_title">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconxinwen"></use>
</svg>
<span>新闻动态</span>
</div>
<i>查看全部 ></i>
</a>
</h2>
<a class="news-img" href="" title="图片新闻地信中心开展外业安全生产监控系统培训工作"><img src="staticImages/news_demo.jpg"
alt="图片新闻地信中心开展外业安全生产监控系统培训工作" /></a>
<ul>
......@@ -89,42 +99,64 @@
</ul>
</div>
<div class="notice">
<h2><a href="./staticViews/gsgg/index.html"><span>公示公告</span><i>查看全部 ></i></a></h2>
<ul>
<h2>
<a title="公示公告" href="./staticViews/gsgg/index.html" class="news_title_content">
<div class="news_title">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongonggao"></use>
</svg>
<span>公示公告</span>
</div>
<i>查看全部 ></i>
</a>
</h2>
<ul class="notice_list">
<li>
<a href="" title="1地信中心开展外业安全生产监控系统培训工作">
1地信中心开展外业安全生产监控系统培训工作
<button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongonggao1"></use>
</svg>
</a>
</li>
<li>
<a href="" title="2地信中心开展外业安全生产监控系统培训工作">
2地信中心开展外业安全生产监控系统培训工作
<button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongonggao1"></use>
</svg>
</a>
</li>
<li>
<a href="" title="3地信中心开展外业安全生产监控系统培训工作">
3地信中心开展外业安全生产监控系统培训工作
<button type="button" class="layui-btn layui-btn-normal layui-btn-xs">公示</button>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongongshi"></use>
</svg>
</a>
</li>
<li>
<a href="" title="4地信中心开展外业安全生产监控系统培训工作">
4地信中心开展外业安全生产监控系统培训工作
<button type="button" class="layui-btn layui-btn-normal layui-btn-xs">公示</button>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongongshi"></use>
</svg>
</a>
</li>
<li>
<a href="" title="5地信中心开展外业安全生产监控系统培训工作">
5地信中心开展外业安全生产监控系统培训工作
<button type="button" class="layui-btn layui-btn-normal layui-btn-xs">公示</button>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongongshi"></use>
</svg>
</a>
</li>
<li>
<a href="" title="6地信中心开展外业安全生产监控系统培训工作">
6地信中心开展外业安全生产监控系统培训工作
<button type="button" class="layui-btn layui-btn-normal layui-btn-xs">公示</button>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongongshi"></use>
</svg>
</a>
</li>
</ul>
......@@ -164,6 +196,9 @@
<h2>
<a href="" title="法律法规">
<p>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconbanshizhinan"></use>
</svg>
<span>法律法规</span>
</p>
<i>查看全部 ></i>
......@@ -206,6 +241,9 @@
<h2>
<a href="" title="相应政策">
<p>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzhengce"></use>
</svg>
<span>相应政策</span>
</p>
<i>查看全部 ></i>
......@@ -257,6 +295,9 @@
<h2>
<a href="" title="常见问题">
<p>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconchangjianwenda"></use>
</svg>
<span>常见问题</span>
</p>
<i>查看全部 ></i>
......@@ -291,6 +332,9 @@
<h2>
<a href="" title="政民互动">
<p>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzhengminhudong"></use>
</svg>
<span>政民互动</span>
</p>
<i>查看全部 ></i>
......@@ -454,3 +498,4 @@
</html>
<script src="./staticLib/layui/layui.js"></script>
<script src="./staticJs/staticIndex.js"></script>
<script src="https://at.alicdn.com/t/font_2174584_uxkon9mpq1.js"></script>
\ No newline at end of file
......