feat:首页图标的替换

任超
Showing 3 changed files with 106 additions and 23 deletions
staticCss/global.css
staticImages/n_t_s.jpg
staticIndex.html
--- a/staticCss/global.css
View file @ebe150c
+++ b/staticCss/global.css
View file @ebe150c
 .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;
--- a/staticImages/n_t_s.jpg deleted 100644 → 0
View file @a3d124d
+++ b/staticImages/n_t_s.jpg deleted 100644 → 0
View file @a3d124d
--- a/staticIndex.html
View file @ebe150c
+++ b/staticIndex.html
View file @ebe150c
@@ -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>
+                <h2>
-                <ul>
+                    <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