Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
67dacb75 by 任超
Options

style:政策法规

1 parent 4857bf0c
Inline Side-by-side
Showing 6 changed files with 456 additions and 15 deletions
...@@ -130,6 +130,7 @@ div.top-logo .top_logo_search i { ...@@ -130,6 +130,7 @@ div.top-logo .top_logo_search i {
130 130
131 div.navigation { 131 div.navigation {
132 text-align: center; 132 text-align: center;
133 height: 60px;
133 } 134 }
134 .navigation .layui-nav-item { 135 .navigation .layui-nav-item {
135 width: 147px; 136 width: 147px;
......
...@@ -42,9 +42,9 @@ document.writeln(" <div class=\'navigation\'>"); ...@@ -42,9 +42,9 @@ document.writeln(" <div class=\'navigation\'>");
42 document.writeln(" <ul class=\'layui-nav layui-bg-blue\' lay-filter=\'\'>"); 42 document.writeln(" <ul class=\'layui-nav layui-bg-blue\' lay-filter=\'\'>");
43 document.writeln(" <li id='index' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/index.html\' title=\'首页\'>首页</a></li>"); 43 document.writeln(" <li id='index' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/index.html\' title=\'首页\'>首页</a></li>");
44 document.writeln(" <li id='news' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/xwdt/index.html\' title=\'新闻动态\'>新闻动态</a></li> "); 44 document.writeln(" <li id='news' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/xwdt/index.html\' title=\'新闻动态\'>新闻动态</a></li> ");
45 document.writeln(" <li class=\'layui-nav-item\'><a href=\'\'>政策法规</a></li>"); 45 document.writeln(" <li id='zcfg' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/zcfg/index.html\' title=\'政策法规\'>政策法规</a></li>");
46 document.writeln(" <li id='bszn' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/bszn/index.html\'>办事指南</a></li>"); 46 document.writeln(" <li id='bszn' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/bszn/index.html\'>办事指南</a></li>");
47 document.writeln(" <li id='business' class=\'layui-nav-item\'><a href=\'\'>业务办理</a></li>"); 47 document.writeln(" <li id='business' class=\'layui-nav-item\'><a href=\'\'>网上申请</a></li>");
48 document.writeln(" <li class=\'layui-nav-item\'>"); 48 document.writeln(" <li class=\'layui-nav-item\'>");
49 document.writeln(" <a href=\'javascript:;\'>查验中心</a>"); 49 document.writeln(" <a href=\'javascript:;\'>查验中心</a>");
50 document.writeln(" <dl class=\'layui-nav-child\'>"); 50 document.writeln(" <dl class=\'layui-nav-child\'>");
......
1 $(function () { 1 $(function () {
2
3 layui.use('element', function () { 2 layui.use('element', function () {
4 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 3 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
5 //监听导航点击 4 //监听导航点击
...@@ -9,18 +8,15 @@ $(function () { ...@@ -9,18 +8,15 @@ $(function () {
9 }); 8 });
10 }); 9 });
11 layui.use('laypage', function () { 10 layui.use('laypage', function () {
12 // $(function () { 11 let laypage = layui.laypage;
13 // let laypage = layui.laypage; 12 //执行一个laypage实例
14 // //执行一个laypage实例 13 laypage.render({
15 // laypage.render({ 14 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
16 // elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号 15 , count: 50 //数据总数，从服务端得到
17 // , count: 50 //数据总数，从服务端得到 16 , prev: '<'
18 // , prev: '<' 17 , next: '>'
19 // , next: '>' 18 , theme: '#0091FF'
20 // , theme: '#0091FF' 19 });
21 // });
22 // });
23 }) 20 })
24
25 addTabs('#news') 21 addTabs('#news')
26 }) 22 })
...\ No newline at end of file ...\ No newline at end of file
......
1 $(function () {
2 layui.use('element', function () {
3 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
4 //监听导航点击
5 element.on('nav(demo)', function (elem) {
6 //console.log(elem)
7 layer.msg(elem.text());
8 });
9 });
10 layui.use('laypage', function () {
11 let laypage = layui.laypage;
12 //执行一个laypage实例
13 laypage.render({
14 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
15 , count: 50 //数据总数，从服务端得到
16 , prev: '<'
17 , next: '>'
18 , theme: '#0091FF'
19 });
20 })
21 addTabs('#zcfg')
22 })
...\ No newline at end of file ...\ No newline at end of file
1 .main {
2 overflow: hidden;
3 }
4
5 div.subject h2 a:hover {
6 color: #0091FF;
7 }
8
9 div.subject {
10 margin: 0 auto;
11 float: none;
12 clear: both;
13 position: relative;
14 min-width: 1200px;
15 }
16 .contentBox {
17 width: 1200px;
18 margin: 0 auto;
19 overflow: hidden;
20 padding-bottom: 0!important;
21 }
22
23 .one_content {
24 border: 1px solid #DEDEDE;;
25 margin-top: 30px;
26 }
27
28 .one_content .layui-tab {
29 margin: 0;
30 }
31
32 .one_content .layui-tab-title li {
33 width: 100px;
34 font-weight: 600;
35 color: #6D7278;
36 }
37
38 .one_content .layui-tab-title .layui-this {
39 color: #4A4A4A;
40 }
41
42 .layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
43 border-color: #006CFF;
44 }
45
46 .layui-tab .layui-tab-brief .layui-this {
47 color: #006CFF;
48 }
49
50 .layui-tab .layui-tab-brief li {
51 width: 90px;
52 }
53
54 .online_business {
55 margin-top: 20px;
56 }
57
58 .online_business h2 {
59 width: 100%;
60 height: 43px;
61 line-height: 43px;
62 background: #FAFAFA;
63 border-radius: 4px;
64 border: 1px solid #DEDEDE;
65 padding-left: 15px;
66 box-sizing: border-box;
67 }
68
69 .online_list {
70 padding-bottom: 20px;
71 overflow: hidden;
72 }
73
74 .online_list li {
75 width: 45% !important;
76 float: left;
77 height: 60px;
78 line-height: 60px;
79 border-bottom: 1px dotted #DEDEDE;
80 }
81
82 .online_list li:nth-child(even) {
83 margin-left: 10%;
84 }
85
86 .online_list li a {
87 display: block;
88 width: 100%;
89 }
90
91 .online_list li a:hover span {
92 color: #0091FF;
93 }
94
95 .online_list li a button {
96 float: right;
97 margin-top: 15px;
98 }
99
100 /* ---------------------------------------------------- */
101 .leftandright {
102 width: 1200px;
103 margin: 0 auto;
104 overflow: hidden;
105 min-height:calc(100vh - 207px);
106 }
107 .leftandright .left {
108 width: 80%;
109 }
110 .right {
111 width: 400px;
112 }
113
114 .left, .right {
115 float: left;
116 }
117
118 .xw {
119 display: block;
120 padding-top: 10px;
121 height: 150px;
122 cursor: pointer;
123 }
124
125 .xw-left {
126 margin-right: 20px;
127 }
128
129 .xw-left img {
130 width: 200px;
131 height: 125px;
132 background: #D8D8D8;
133 }
134
135 .xw-left, .xw-right {
136 float: left;
137 }
138
139 .xw-right {
140 padding-right: 10px;
141 }
142 .leftContainer{
143 border-right: 1px solid #DEDEDE;
144 margin-top: 28px;
145 }
146 .leftContainer li:last-child{
147 border-bottom: 1px solid #DEDEDE;
148 }
149 .left-top {
150 width: 408px;
151 height: 18px;
152 font-size: 18px;
153 font-weight: bold;
154 color: #4A4A4A;
155 line-height: 18px;
156 cursor: pointer;
157 }
158 .left-top:hover {
159 color: #4A4A4A;
160 }
161
162 .left-body {
163 height: 60px;
164 font-size: 14px;
165 font-weight: 400;
166 color: #6D7278;
167 line-height: 25px;
168 }
169
170 .left-buttom {
171 overflow: hidden;
172 color: #9B9B9B;
173 }
174 .left-buttom .icon{
175 width: 36px;
176 height: 24px;
177 position: relative;
178 top: 6px;
179 }
180 .left-buttom div:nth-child(2) {
181 margin-left: 60px;
182 }
183
184 .left-buttom div {
185 float: left;
186 line-height: 57px
187 }
188 .left-buttom-date {
189 line-height: 57px;
190 float: right !important;
191 margin-right: 20px;
192 }
193
194 #page {
195 margin-top: 20px;
196 text-align: center;
197 }
198
199 .right {
200 width: 200px;
201 margin-top: 36px;
202 margin-left: 15px;
203 }
204
205 .right-top {
206 height: 18px;
207 font-size: 18px;
208 font-weight: 500;
209 color: #4A4A4A;
210 line-height: 0;
211 }
212 .right-top h2 {
213 font-weight: 600;
214 cursor: pointer;
215 }
216
217 .right-body {
218 display: inline-block;
219 margin-bottom: 20px;
220 }
221
222
223 .tj img {
224 width: 200px;
225 height: 125px;
226 margin-top: 20px;
227 }
228
229 .tj img, .tj span {
230 float: left;
231 }
232
233 .tj-title {
234 width: 203px;
235 font-size: 14px;
236 font-weight: bold;
237 color: #4A4A4A;
238 line-height: 21px;
239 }
240
241 .tj-date {
242 width: 90px;
243 height: 12px;
244 font-size: 12px;
245 font-weight: 400;
246 color: #9B9B9B;
247 line-height: 12px;
248 }
249
250 .right-bottom {
251 border-top: 1px solid #DEDEDE;
252 }
253
254 .right-bottom-top {
255 width: 108px;
256 height: 18px;
257 font-size: 18px;
258 margin-top: 20px;
259 font-weight: bold;
260 color: #4A4A4A;
261 line-height: 18px;
262 }
263
264 .zcfg {
265 margin-top: 20px;
266 display: inline-block;
267 }
268
269 .zcfg div {
270 float: left;
271 }
272
273 .zcfg-top {
274 width: 200px;
275 height: 14px;
276 font-size: 14px;
277 font-weight: bold;
278 color: #4A4A4A;
279 line-height: 14px;
280 }
281
282 .zcfg-body {
283 width: 200px;
284 font-size: 14px;
285 display: inline-block;
286 font-weight: 400;
287 color: #6D7278;
288 line-height: 21px;
289 }
290
291 .zcfg-bottom {
292 width: 90px;
293 height: 12px;
294 font-size: 12px;
295 font-weight: 400;
296 color: #9B9B9B;
297 line-height: 12px;
298 }
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="css/index.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="leftandright">
24 <div class="left">
25 <ul class="leftContainer">
26 <li>
27 <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
28 前三季度主要指标由负转正 中国经济持续稳定恢复
29 </a>
30 <a class="xw" href="./../xwxq/index.html" target="_blank">
31 <div class="xw-right">
32 <div class="left-body">
33 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
34 划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
35 </div>
36 <div class="left-buttom">
37 <div>
38 <svg class="icon svg-icon" aria-hidden="true">
39 <use xlink:href="#iconchakan"></use>
40 </svg>
41 <span>123</span>
42 </div>
43 <div>
44 <svg class="icon svg-icon" aria-hidden="true">
45 <use xlink:href="#iconpinglun"></use>
46 </svg>
47 <span>456</span>
48 </div>
49 <div class="left-buttom-date">
50 2020-12-27
51 </div>
52 </div>
53 </div>
54 </a>
55 </li>
56 <li>
57 <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
58 前三季度主要指标由负转正 中国经济持续稳定恢复
59 </a>
60 <a class="xw" href="./../xwxq/index.html" target="_blank">
61 <div class="xw-right">
62 <div class="left-body">
63 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
64 划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
65 </div>
66 <div class="left-buttom">
67 <div>
68 <svg class="icon svg-icon" aria-hidden="true">
69 <use xlink:href="#iconchakan"></use>
70 </svg>
71 <span>123</span>
72 </div>
73 <div>
74 <svg class="icon svg-icon" aria-hidden="true">
75 <use xlink:href="#iconpinglun"></use>
76 </svg>
77 <span>456</span>
78 </div>
79 <div class="left-buttom-date">
80 2020-12-27
81 </div>
82 </div>
83 </div>
84 </a>
85 </li>
86 </ul>
87 <div id="page"></div>
88 </div>
89 <div class="right">
90 <div class="right-top">
91 <h2>政策法规推荐</h2>
92 </div>
93 <ul class="right-bottom">
94 <li class="zcfg">
95 <div class="zcfg-top">
96 <span>爬山虎国土空间规划信息化解决</span>
97 </div>
98 <div class="zcfg-body">
99 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
100 </div>
101 <div class="zcfg-bottom">
102 <span>2020-10-28</span>
103 </div>
104 </li>
105 <li class="zcfg">
106 <div class="zcfg-top">
107 <span>爬山虎国土空间规划信息化解决</span>
108 </div>
109 <div class="zcfg-body">
110 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
111 </div>
112 <div class="zcfg-bottom">
113 <span>2020-10-28</span>
114 </div>
115 </li>
116 </ul>
117 </div>
118 </div>
119 </body>
120 <script type="text/javascript" src="../../staticJs/common.js"></script>
121 <script type="text/javascript" src="../../staticJs/down.js"></script>
122 <script type="text/javascript" src="../../staticJs/zcfg.js"></script>
123
124 </html>
...\ No newline at end of file ...\ No newline at end of file