style:法律法规
Showing
8 changed files
with
176 additions
and
5 deletions
| ... | @@ -121,7 +121,7 @@ | ... | @@ -121,7 +121,7 @@ |
| 121 | <div class="regulations title"> | 121 | <div class="regulations title"> |
| 122 | <div class="regulations_content"> | 122 | <div class="regulations_content"> |
| 123 | <h2> | 123 | <h2> |
| 124 | <a href="" title="法律法规"> | 124 | <a href="./staticViews/flfg.html" title="法律法规"> |
| 125 | <p> | 125 | <p> |
| 126 | <svg class="icon svg-icon" aria-hidden="true"> | 126 | <svg class="icon svg-icon" aria-hidden="true"> |
| 127 | <use xlink:href="#iconbanshizhinan"></use> | 127 | <use xlink:href="#iconbanshizhinan"></use> |
| ... | @@ -139,7 +139,7 @@ | ... | @@ -139,7 +139,7 @@ |
| 139 | <div class="policy title"> | 139 | <div class="policy title"> |
| 140 | <div class="policy_content"> | 140 | <div class="policy_content"> |
| 141 | <h2> | 141 | <h2> |
| 142 | <a href="" title="相应政策"> | 142 | <a href="./staticViews/xyzc.html" title="相应政策"> |
| 143 | <p> | 143 | <p> |
| 144 | <svg class="icon svg-icon" aria-hidden="true"> | 144 | <svg class="icon svg-icon" aria-hidden="true"> |
| 145 | <use xlink:href="#iconzhengce"></use> | 145 | <use xlink:href="#iconzhengce"></use> | ... | ... |
| ... | @@ -27,6 +27,9 @@ | ... | @@ -27,6 +27,9 @@ |
| 27 | color: #ffffff!important; | 27 | color: #ffffff!important; |
| 28 | font-weight: 600!important; | 28 | font-weight: 600!important; |
| 29 | } | 29 | } |
| 30 | .layui-laypage .layui-laypage-curr .layui-laypage-em { | ||
| 31 | background-color: #0091FF; | ||
| 32 | } | ||
| 30 | /* ----------------------公共样式-------------------------- */ | 33 | /* ----------------------公共样式-------------------------- */ |
| 31 | .contentBox { | 34 | .contentBox { |
| 32 | width: 1200px; | 35 | width: 1200px; | ... | ... |
staticCss/flfg.css
0 → 100644
| 1 | .laws_regulations { | ||
| 2 | width: 1200px; | ||
| 3 | margin: 0 auto; | ||
| 4 | padding-top: 30px; | ||
| 5 | overflow: hidden; | ||
| 6 | } | ||
| 7 | .item_list { | ||
| 8 | float: left; | ||
| 9 | width: 82%; | ||
| 10 | padding-bottom: 30px; | ||
| 11 | } | ||
| 12 | .item_list ul { | ||
| 13 | border-right: 1px solid #DEDEDE; | ||
| 14 | min-height: 630px; | ||
| 15 | } | ||
| 16 | .item_list li{ | ||
| 17 | line-height: 50px; | ||
| 18 | border-bottom: 1px solid #DEDEDE; | ||
| 19 | box-sizing: border-box; | ||
| 20 | padding-right: 20px; | ||
| 21 | } | ||
| 22 | |||
| 23 | |||
| 24 | .item_list li p{ | ||
| 25 | display: inline-block; | ||
| 26 | font-size: 20px; | ||
| 27 | color: #4a4a4a; | ||
| 28 | width: 85%; | ||
| 29 | white-space:nowrap; | ||
| 30 | overflow:hidden; | ||
| 31 | text-overflow:ellipsis; | ||
| 32 | } | ||
| 33 | .item_list li span { | ||
| 34 | color: #9B9B9B; | ||
| 35 | float: right; | ||
| 36 | } | ||
| 37 | .item_list li { | ||
| 38 | cursor: pointer; | ||
| 39 | } | ||
| 40 | .item_list li:hover p{ | ||
| 41 | color: #0091FF; | ||
| 42 | } | ||
| 43 | .item_list li:hover span{ | ||
| 44 | color: #0091FF; | ||
| 45 | } | ||
| 46 | .recommend_list { | ||
| 47 | float: right; | ||
| 48 | width: 200px; | ||
| 49 | margin-left: 10px; | ||
| 50 | margin-bottom: 10px; | ||
| 51 | min-height: 500px; | ||
| 52 | } | ||
| 53 | #page { | ||
| 54 | text-align: center; | ||
| 55 | margin-top: -35px; | ||
| 56 | } | ||
| 57 | .recommend_list h2 { | ||
| 58 | font-size: 18px; | ||
| 59 | margin-bottom: 15px; | ||
| 60 | color: #4A4A4A; | ||
| 61 | font-weight: 600; | ||
| 62 | } | ||
| 63 | .recommend_list h3 { | ||
| 64 | font-size: 14px; | ||
| 65 | color: #4A4A4A; | ||
| 66 | font-weight: 600; | ||
| 67 | margin-bottom: 5px; | ||
| 68 | } | ||
| 69 | .recommend_list .recommend_con { | ||
| 70 | color: #6D7278; | ||
| 71 | line-height: 21px; | ||
| 72 | font-size: 14px; | ||
| 73 | } | ||
| 74 | .recommend_list .recommend_date { | ||
| 75 | color: #9B9B9B; | ||
| 76 | font-size: 12px; | ||
| 77 | margin-top: 5px; | ||
| 78 | } | ||
| 79 | .policy_list { | ||
| 80 | padding-bottom: 30px; | ||
| 81 | border-bottom: 1px solid #DEDEDE; | ||
| 82 | } | ||
| 83 | .news_list { | ||
| 84 | padding-top: 30px; | ||
| 85 | } | ||
| 86 | .news_list img { | ||
| 87 | width: 100%; | ||
| 88 | height: 124px; | ||
| 89 | margin-bottom: 10px; | ||
| 90 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
staticJs/flfg.js
0 → 100644
| 1 | $(function () { | ||
| 2 | layui.use('element', function () { | ||
| 3 | let element = layui.element; | ||
| 4 | }); | ||
| 5 | addTabs('#zwgk') | ||
| 6 | layui.use('laypage', function () { | ||
| 7 | var laypage = layui.laypage; | ||
| 8 | |||
| 9 | //执行一个laypage实例 | ||
| 10 | laypage.render({ | ||
| 11 | elem: 'page' //注意,这里的 test1 是 ID,不用加 # 号 | ||
| 12 | , count: 50 //数据总数,从服务端得到 | ||
| 13 | }); | ||
| 14 | }); | ||
| 15 | }) | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -50,8 +50,8 @@ document.writeln(" <a href=\'javascript:;\'>政务公开</a>"); | ... | @@ -50,8 +50,8 @@ document.writeln(" <a href=\'javascript:;\'>政务公开</a>"); |
| 50 | document.writeln(" <dl class=\'layui-nav-child\'>"); | 50 | document.writeln(" <dl class=\'layui-nav-child\'>"); |
| 51 | document.writeln(" <!-- 二级菜单 -->"); | 51 | document.writeln(" <!-- 二级菜单 -->"); |
| 52 | document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/xyzc.html\'>相应政策</a></dd>"); | 52 | document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/xyzc.html\'>相应政策</a></dd>"); |
| 53 | document.writeln(" <dd><a href=\'\'>法律法规</a></dd>"); | 53 | document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/flfg.html\'>法律法规</a></dd>"); |
| 54 | document.writeln(" <dd><a href=\'\'>公示公告</a></dd>"); | 54 | document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/gsgg.html\'>公示公告</a></dd>"); |
| 55 | document.writeln(" </dl>"); | 55 | document.writeln(" </dl>"); |
| 56 | document.writeln(" </li>"); | 56 | document.writeln(" </li>"); |
| 57 | document.writeln(" <li id='bszn' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/bszn.html\' title=\'办事指南\'>办事指南</a></li>"); | 57 | document.writeln(" <li id='bszn' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/bszn.html\' title=\'办事指南\'>办事指南</a></li>"); | ... | ... |
staticViews/flfg.html
0 → 100644
| 1 | <!DOCTYPE html | ||
| 2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
| 3 | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
| 4 | |||
| 5 | <head> | ||
| 6 | <style> | ||
| 7 | </style> | ||
| 8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
| 9 | <title>法律法规</title> | ||
| 10 | <script type="text/javascript" src="../staticJs/head.js"></script> | ||
| 11 | <link rel="stylesheet" type="text/css" href="../staticCss/flfg.css"> | ||
| 12 | </head> | ||
| 13 | |||
| 14 | <body> | ||
| 15 | <div class="navigation_crumbs"> | ||
| 16 | <div class="contentBox"> | ||
| 17 | <span class="layui-breadcrumb"> | ||
| 18 | <a href="../index.html">首页</a> | ||
| 19 | <a><cite>法律法规</cite></a> | ||
| 20 | </span> | ||
| 21 | </div> | ||
| 22 | </div> | ||
| 23 | <div class="laws_regulations"> | ||
| 24 | <div class="item_list"> | ||
| 25 | <ul> | ||
| 26 | <li> | ||
| 27 | <p>中华人民共和国物权法</p> | ||
| 28 | <span>2020-10-26</span> | ||
| 29 | </li> | ||
| 30 | </ul> | ||
| 31 | <div id="page"></div> | ||
| 32 | </div> | ||
| 33 | <div class="recommend_list"> | ||
| 34 | <ul class="policy_list"> | ||
| 35 | <h2>相应政策</h2> | ||
| 36 | <div class="policy_list_con"> | ||
| 37 | <li> | ||
| 38 | <h3>爬山虎国土空间规划信息化解决</h3> | ||
| 39 | <p class="recommend_con">10月21日,农业农村部举行新闻发布会,</p> | ||
| 40 | <p class="recommend_date">2018-12-19</p> | ||
| 41 | </li> | ||
| 42 | </div> | ||
| 43 | </ul> | ||
| 44 | |||
| 45 | <ul class="news_list"> | ||
| 46 | <h2>新闻推荐</h2> | ||
| 47 | <div class="news_list_con"> | ||
| 48 | <li> | ||
| 49 | <img src="../staticImages/news_demo.jpg" alt=""> | ||
| 50 | <h3>爬山虎国土空间规划信息化解决</h3> | ||
| 51 | <p class="recommend_date">2018-12-19</p> | ||
| 52 | </li> | ||
| 53 | </div> | ||
| 54 | </ul> | ||
| 55 | </div> | ||
| 56 | </div> | ||
| 57 | </body> | ||
| 58 | <script type="text/javascript" src="../staticJs/common.js"></script> | ||
| 59 | <script type="text/javascript" src="../staticJs/down.js"></script> | ||
| 60 | <script type="text/javascript" src="../staticJs/flfg.js"></script> | ||
| 61 | |||
| 62 | </html> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
| 6 | <style> | 6 | <style> |
| 7 | </style> | 7 | </style> |
| 8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| 9 | <title>政策法规</title> | 9 | <title>相应政策</title> |
| 10 | <script type="text/javascript" src="../staticJs/head.js"></script> | 10 | <script type="text/javascript" src="../staticJs/head.js"></script> |
| 11 | <link rel="stylesheet" type="text/css" href="../staticCss/zcfg.css"> | 11 | <link rel="stylesheet" type="text/css" href="../staticCss/zcfg.css"> |
| 12 | </head> | 12 | </head> | ... | ... |
-
Please register or sign in to post a comment