Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
2eae2e04 by 任超
Options

style:公示公告

1 parent 244216ee
Inline Side-by-side
Showing 4 changed files with 65 additions and 958 deletions
...@@ -204,11 +204,10 @@ div.navigation { ...@@ -204,11 +204,10 @@ div.navigation {
204 .mainbody { 204 .mainbody {
205 width: 1200px; 205 width: 1200px;
206 margin: 0 auto; 206 margin: 0 auto;
207 /* min-height:calc(100vh - 200px); */ 207 min-height: calc(100vh - 200px);
208 /* overflow: hidden; */
209 } 208 }
210 .listArea{ 209 .listArea{
211 min-height: calc(100vh - 200px); 210 overflow: hidden;
212 } 211 }
213 .top { 212 .top {
214 text-align: center; 213 text-align: center;
...@@ -254,7 +253,6 @@ div.navigation { ...@@ -254,7 +253,6 @@ div.navigation {
254 .gglist{ 253 .gglist{
255 width:76%; 254 width:76%;
256 float: left; 255 float: left;
257 /* background: red; */
258 } 256 }
259 .gglist li{ 257 .gglist li{
260 height: 104px; 258 height: 104px;
...@@ -263,12 +261,11 @@ div.navigation { ...@@ -263,12 +261,11 @@ div.navigation {
263 border-bottom:1px solid #EAEAEA; 261 border-bottom:1px solid #EAEAEA;
264 border-right:1px solid #EAEAEA 262 border-right:1px solid #EAEAEA
265 } 263 }
266 .rightcontainer{ 264 .listArea_right{
267 float:right; 265 width: 23%;
268 width: 23% 266 float: right;
269 } 267 }
270 .diver{ 268 .diver{
271 float:right;
272 width: 23%; 269 width: 23%;
273 width: 195px; 270 width: 195px;
274 height: 1px; 271 height: 1px;
......
1 <!DOCTYPE html 1 <!DOCTYPE html
2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 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"> 3 <html xmlns="http://www.w3.org/1999/xhtml">
4
4 <head> 5 <head>
5 <style> 6 <style>
6 </style> 7 </style>
...@@ -9,132 +10,61 @@ ...@@ -9,132 +10,61 @@
9 <script type="text/javascript" src="../staticJs/head.js"></script> 10 <script type="text/javascript" src="../staticJs/head.js"></script>
10 <link rel="stylesheet" type="text/css" href="../staticCss/gsgg.css"> 11 <link rel="stylesheet" type="text/css" href="../staticCss/gsgg.css">
11 </head> 12 </head>
13
12 <body> 14 <body>
13 <div class="navigation_crumbs"> 15 <div class="navigation_crumbs">
14 <div class="contentBox"> 16 <div class="contentBox">
15 <span class="layui-breadcrumb"> 17 <span class="layui-breadcrumb">
16 <a href="../index.html">首页</a> 18 <a href="../index.html">首页</a>
17 <a><cite>公示公告</cite></a> 19 <a><cite>公示公告</cite></a>
18 </span> 20 </span>
19 </div> 21 </div>
20 </div> 22 </div>
21 <div class="mainbody"> 23 <div class="mainbody">
22 <div class="top"> 24 <div class="top">
23 <div class="top-title"> 25 <div class="top-title">
24 <span>标题内容:</span><input type="text" placeholder="请输入标题内容"> 26 <span>标题内容:</span><input type="text" placeholder="请输入标题内容">
25 </div> 27 </div>
26 <div class="top-date "> 28 <div class="top-date ">
27 <span>发布时间:</span><input type="date" placeholder="选择时间"> 29 <span>发布时间:</span><input type="date" placeholder="选择时间">
28 </div> 30 </div>
29 <div class="top-serach"> 31 <div class="top-serach">
30 <button>查询</button> 32 <button>查询</button>
31 </div> 33 </div>
32 </div> 34 </div>
33 <div class="layui-tab layui-tab-brief" lay-filter=""> 35 <div class="layui-tab layui-tab-brief" lay-filter="">
34 <ul class="layui-tab-title"> 36 <ul class="layui-tab-title">
35 <li class="layui-this">全部</li> 37 <li class="layui-this">全部</li>
36 <li>公示</li> 38 <li>公示</li>
37 <li>公告</li> 39 <li>公告</li>
38 </ul> 40 </ul>
39 </div> 41 </div>
40 <!-- 列表区域 --> 42 <!-- 列表区域 -->
41 <div class="listArea"> 43 <div class="listArea">
42 <div> 44 <ul class="gglist">
43 <ul class="gglist"> 45 <li>
44 <li> 46 <a href="./ggxq.html" target="_blank">
45 <a href="./ggxq.html" target="_blank"> 47 <div class="gg">
46 <div class="gg"> 48 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
47 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button> 49 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
48 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 50 </div>
49 </div> 51 </a>
50 </a> 52 </li>
51 </li> 53
52 <li> 54 </ul>
53 <a href="./ggxq.html" target="_blank"> 55 <div id="test1"></div>
54 <div class="gg"> 56 <div class="listArea_right">
55 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
56 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
57 </div>
58 </a>
59 </li>
60 <li>
61 <a href="./ggxq.html" target="_blank">
62 <div class="gg">
63 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
64 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量
65 </div>
66 </a>
67 </li>
68 <li>
69 <a href="./ggxq.html" target="_blank">
70 <div class="gg">
71 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
72 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
73 </div>
74 </a>
75 </li>
76 <li>
77 <a href="./ggxq.html" target="_blank">
78 <div class="gg">
79 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
80 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
81 </div>
82 </a>
83 </li>
84 <li>
85 <a href="./ggxq.html" target="_blank">
86 <div class="gg">
87 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
88 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
89 </div>
90 </a>
91 </li>
92 <li>
93 <a href="./ggxq.html" target="_blank">
94 <div class="gg">
95 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
96 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
97 </div>
98 </a>
99 </li>
100 <li>
101 <a href="./ggxq.html" target="_blank">
102 <div class="gg">
103 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
104 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
105 </div>
106 </a>
107 </li>
108 <li>
109 <a href="./ggxq.html" target="_blank">
110 <div class="gg">
111 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
112 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
113 </div>
114 </a>
115 </li>
116 <li>
117 <a href="./ggxq.html" target="_blank">
118 <div class="gg">
119 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
120 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正
121 </div>
122 </a>
123 </li>
124 </ul>
125 </div>
126 <div>
127 <ul class="rightcontainer"> 57 <ul class="rightcontainer">
128 <h2 class="right-top">新闻推荐</h2> 58 <h2 class="right-top">新闻推荐</h2>
129 <li class="tj"> 59 <li class="tj">
130 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> 60 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
131 <span class="tj-title"> 爬山虎国土空间信息化解决方案</span> 61 <span class="tj-title"> 爬山虎国土空间信息化解决方案</span>
132 <span class="tj-date">2020-12-12</span> 62 <span class="tj-date">2020-12-12</span>
133 </li> 63 </li>
134 <li class="tj" > 64 <li class="tj">
135 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> 65 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
136 <span class="tj-title"> 爬山虎国土空间信息化解决方案</span> 66 <span class="tj-title"> 爬山虎国土空间信息化解决方案</span>
137 <span class="tj-date">2020-12-12</span> 67 <span class="tj-date">2020-12-12</span>
138 </li> 68 </li>
139 </ul> 69 </ul>
140 <ul class="diver"> 70 <ul class="diver">
...@@ -142,39 +72,39 @@ ...@@ -142,39 +72,39 @@
142 </ul> 72 </ul>
143 <ul class="rightcontainer"> 73 <ul class="rightcontainer">
144 <h2 class="zc-top">政策法规</h2> 74 <h2 class="zc-top">政策法规</h2>
145 <li> 75 <li>
146 <div class="zcfg"> 76 <div class="zcfg">
147 <div class="zcfg-top"> 77 <div class="zcfg-top">
148 <span>爬山虎国土空间规划信息化解决</span> 78 <span>爬山虎国土空间规划信息化解决</span>
149 </div>
150 <div class="zcfg-body">
151 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
152 </div>
153 <div class="zcfg-bottom">
154 <span>2020-10-28</span>
155 </div>
156 </div> 79 </div>
157 </li> 80 <div class="zcfg-body">
158 <li> 81 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
159 <div class="zcfg">
160 <div class="zcfg-top">
161 <span>爬山虎国土空间规划信息化解决</span>
162 </div>
163 <div class="zcfg-body">
164 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
165 </div>
166 <div class="zcfg-bottom">
167 <span>2020-10-28</span>
168 </div>
169 </div> 82 </div>
170 </li> 83 <div class="zcfg-bottom">
84 <span>2020-10-28</span>
85 </div>
86 </div>
87 </li>
88 <li>
89 <div class="zcfg">
90 <div class="zcfg-top">
91 <span>爬山虎国土空间规划信息化解决</span>
92 </div>
93 <div class="zcfg-body">
94 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
95 </div>
96 <div class="zcfg-bottom">
97 <span>2020-10-28</span>
98 </div>
99 </div>
100 </li>
171 </ul> 101 </ul>
172 </div> 102 </div>
173 </div> 103 </div>
174 </div>
175 </div> 104 </div>
176 </body> 105 </body>
177 <script type="text/javascript" src="../staticJs/common.js"></script> 106 <script type="text/javascript" src="../staticJs/common.js"></script>
178 <script type="text/javascript" src="../staticJs/down.js"></script> 107 <script type="text/javascript" src="../staticJs/down.js"></script>
179 <script type="text/javascript" src="../staticJs/gsgg.js"></script> 108 <script type="text/javascript" src="../staticJs/gsgg.js"></script>
109
180 </html> 110 </html>
...\ No newline at end of file ...\ No newline at end of file
......
1 * {
2 margin: 0;
3 padding: 0;
4 }
5
6 ::-webkit-input-placeholder { /* WebKit browsers */
7 font-size: 13px;
8 color: #9B9B9B;
9 }
10
11 ::-moz-placeholder { /* Mozilla Firefox 19+ */
12 font-size: 13px;
13 color: #9B9B9B;
14 }
15
16 :-ms-input-placeholder { /* Internet Explorer 10+ */
17 font-size: 13px;
18 color: #9B9B9B;
19 }
20 input {
21 padding-left: 10px;
22 }
23 /*================首页 start=====================*/
24 div a {
25 color: #000000;
26 text-decoration: none;
27 }
28
29 div.subject h2 a:hover {
30 color: #f46143;
31 }
32
33 div.subject {
34 margin: 0 auto;
35 float: none;
36 clear: both;
37 position: relative;
38 min-width: 1200px;
39 }
40
41 /*新闻 */
42 div.top-logo {
43 width: 1200px;
44 height: 70px;
45 padding-top: 20px;
46 }
47
48 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
49 font-size: 13px;
50 }
51
52 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
53 font-size: 13px;
54 }
55
56 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
57 font-size: 13px;
58 }
59
60 .top_logo_content {
61 height: 40px;
62 width: 100%;
63 margin: 0 auto;
64 }
65
66 div.top-logo .top_logo_search {
67 float: left;
68 width: 350px;
69 position: relative;
70 margin-left: 400px;
71 }
72
73 div.top-logo .top_logo_search input {
74 border-radius: 50px;
75 }
76
77 div.top-logo .login {
78 float: right;
79 margin-top: 8px;
80 }
81
82 div.top-logo .top_logo_search i {
83 position: absolute;
84 right: 10px;
85 top: 11px;
86 cursor: pointer;
87 }
88
89 /*end*/
90
91 .top-logo h1 {
92 display: inline-block;
93 float: left;
94 }
95
96 /*------------------首页 end------------*/
97
98 .top-logo ul li {
99 display: inline-block;
100 padding: 0 8px;
101 }
102
103 .top-logo ul li:first-child {
104 border-right: 1px solid grey;
105 }
106
107 div.navigation {
108 text-align: center;
109 }
110
111 .navigation .layui-nav-item {
112 width: 130px;
113 position: relative;
114 margin: 0 22px;
115 }
116
117 .layui-bg-blue {
118 background-color: #006CFF !important;
119 }
120
121 .layui-nav-item:not(:first-child)::before {
122 content: '';
123 position: absolute;
124 height: 22px;
125 border-left: 1px solid #ccc;
126 top: 21px;
127 left: -20px;
128 }
129 .layui-nav-item a{
130 font-size: 16px;
131 }
132
133 /*------------------首页 end------------*/
134 /* --------------------导航tab------------------------- */
135 .navigation_crumbs {
136 width: 100%;
137 padding: 10px 0;
138 line-height: 25px;
139 background: #FAFAFA;
140 border: 1px solid #E6E6E6;
141 box-sizing: border-box;
142 }
143 .navigation_crumbs .layui-breadcrumb a:hover {
144 color: #f46143!important;
145 }
146
147 .contentBox {
148 width: 1200px;
149 margin: 0 auto;
150 overflow: hidden;
151 }
152 .one_content {
153 border: 1px solid #DEDEDE;;
154 margin-top: 30px;
155 }
156 .one_content .layui-tab {
157 margin: 0;
158 }
159 .one_content .layui-tab-title li {
160 width: 100px;
161 font-weight: 600;
162 color: #6D7278;
163 }
164 .one_content .layui-tab-title .layui-this {
165 color: #4A4A4A;
166 }
167 .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
168 border-color: #006CFF;
169 }
170 .layui-tab .layui-tab-brief .layui-this {
171 color: #006CFF;
172 }
173 .layui-tab .layui-tab-brief li {
174 width: 90px;
175 }
176 .online_business {
177 margin-top: 20px;
178 }
179 .online_business h2 {
180 width: 100%;
181 height: 43px;
182 line-height: 43px;
183 background: #FAFAFA;
184 border-radius: 4px;
185 border: 1px solid #DEDEDE;
186 padding-left: 15px;
187 box-sizing: border-box;
188 }
189 .online_list {
190 padding-bottom: 20px;
191 overflow: hidden;
192 }
193 .online_list li{
194 width: 45%!important;
195 float: left;
196 height: 60px;
197 line-height: 60px;
198 border-bottom: 1px dotted #DEDEDE;
199 }
200 .online_list li:nth-child(even) {
201 margin-left: 10%;
202 }
203 .online_list li a{
204 display: block;
205 width: 100%;
206 }
207 .online_list li a:hover span{
208 color: #f46143;
209 }
210 .online_list li a button {
211 float: right;
212 margin-top: 15px;
213 }
214 /* ---------------------------------------------------- */
215 .mainbody {
216 width: 1200px;
217 margin: 0 auto;
218 }
219
220 .top {
221 text-align: center;
222 height: 90px;
223 font-size: 14px;
224 font-weight: bold;
225 color: #4A4A4A;
226 line-height: 14px;
227 border-bottom: 1px solid #DEDEDE;
228 display: flex;
229 justify-items: auto;
230 align-items: center;
231 flex-width: wrap;
232 }
233
234 .top > div {
235 margin: 0 auto;
236 display: inline-block;
237 }
238
239 .top input {
240 width: 360px;
241 height: 36px;
242 background: #FFFFFF;
243 border-radius: 2px;
244 border: 1px solid #CBCBCB;
245 margin-left: 10px;
246 }
247
248 .top button {
249 width: 120px;
250 height: 40px;
251 background: #0091FF;
252 border: none;
253 border-radius: 3px;
254 color: white;
255 }
256
257 /*.top-date input:before {
258 content: attr(placeholder)
259 }*/
260
261 .filter {
262 display: flex;
263 justify-content: left;
264 }
265
266 .filter div {
267 display: inline-block;
268 padding: 20px;
269 background: #FFFFFF;
270 width: 102px;
271 font-size: 16px;
272 font-weight: 500;
273 color: #6D7278;
274 line-height: 20px;
275 }
276
277 .filter div:first-child {
278 width: 102px;
279 height: 20px;
280 font-size: 18px;
281 font-weight: bold;
282 color: #4A4A4A;
283 line-height: 20px;
284 }
285
286 .body {
287 display: flex;
288 justify-items: left;
289 }
290
291 .body div {
292 display: inline-block;
293 }
294
295 .left {
296 border-right-style: inset;
297 border-right: 1px solid #DEDEDE;
298 }
299
300 .right {
301 width: 400px;
302 }
303
304 .left, .right {
305 float: left;
306 }
307
308 .gg-tag {
309 background-color: #FA6800;
310 width: 40px;
311 height: 15px;
312 font-size: 10px;
313 font-weight: 500;
314 color: #FFFFFF;
315 line-height: 15px;
316 padding-left: 8px;
317 }
318
319 .gg {
320 text-overflow: clip;
321 overflow: hidden;
322 border-bottom: 1px solid #DEDEDE;
323 height: 100px;
324 font-size: 20px;
325 font-weight: bold;
326 color: #4A4A4A;
327 line-height: 104px;
328 padding-left: 20px;
329 padding-right: 20px;
330 }
331
332 .right {
333 width: 200px;
334 margin-left: 15px;
335 }
336
337 .right-top {
338 height: 18px;
339 font-size: 18px;
340 font-family: PingFangSC-Medium, PingFang SC;
341 font-weight: 500;
342 color: #4A4A4A;
343 line-height: 18px;
344 padding-top: 20px;
345 }
346
347 .right-body {
348 display: inline-block;
349 margin-bottom: 20px;
350 }
351
352 .tj {
353 /*margin-bottom: 10px;*/
354 }
355
356 .tj img {
357 width: 200px;
358 height: 125px;
359 margin-top: 20px;
360 }
361
362 .tj img, .tj span {
363 float: left;
364 }
365
366 .tj-title {
367 width: 203px;
368 font-size: 14px;
369 font-family: PingFangSC-Medium, PingFang SC;
370 font-weight: bold;
371 color: #4A4A4A;
372 line-height: 21px;
373 }
374
375 .tj-date {
376 width: 90px;
377 height: 12px;
378 font-size: 12px;
379 font-family: PingFangSC-Regular, PingFang SC;
380 font-weight: 400;
381 color: #9B9B9B;
382 line-height: 12px;
383 }
384
385 .right-bottom {
386 border-top-style: inset;
387 border-top: 1px solid #DEDEDE;
388 }
389
390 .right-bottom-top {
391 width: 108px;
392 height: 18px;
393 font-size: 18px;
394 margin-top: 20px;
395 font-family: PingFangSC-Medium, PingFang SC;
396 font-weight: bold;
397 color: #4A4A4A;
398 line-height: 18px;
399 }
400
401 .zcfg {
402 margin-top: 20px;
403 display: inline-block;
404 }
405
406 .zcfg div {
407 float: left;
408 }
409
410 .zcfg-top {
411 width: 200px;
412 height: 14px;
413 font-size: 14px;
414 font-family: PingFangSC-Medium, PingFang SC;
415 font-weight: bold;
416 color: #4A4A4A;
417 line-height: 14px;
418 }
419
420 .zcfg-body {
421 width: 200px;
422 font-size: 14px;
423 display: inline-block;
424 font-family: PingFangSC-Regular, PingFang SC;
425 font-weight: 400;
426 color: #6D7278;
427 line-height: 21px;
428 }
429
430 .zcfg-bottom {
431 width: 90px;
432 height: 12px;
433 font-size: 12px;
434 font-family: PingFangSC-Regular, PingFang SC;
435 font-weight: 400;
436 color: #9B9B9B;
437 line-height: 12px;
438 }
439
440 /* -----------------底部start----------------------------- */
441 div.footer {
442 background-color: #233042;
443 }
444
445 div.footer .system_service {
446 width: 100%;
447 border-bottom: 1px solid #4A4A4A;
448 }
449
450 div.footer .system_service ul {
451 padding: 40px 0;
452 width: 1400px;
453 margin: 0 auto;
454 font-size: 0;
455 }
456
457 div.footer .system_service ul li {
458 width: 20%;
459 display: inline-block;
460 text-align: center;
461 height: 18px;
462 box-sizing: border-box;
463 }
464
465 div.footer .system_service ul li:not(:last-child) {
466 border-right: 1px solid #6D7278;
467 }
468
469 div.footer .system_service ul li a {
470 font-size: 16px;
471 font-weight: 400;
472 color: #DEDEDE;
473 }
474
475 div.footer .system_service ul li a:hover {
476 color: #f46143;
477 }
478
479 .footer .subject {
480 width: 80%;
481 margin: 0 auto;
482 padding: 40px 0;
483 overflow: hidden;
484 }
485
486 .footer .subject .footer_logo {
487 float: left;
488 }
489
490 .footer .subject .footer_logo a {
491 display: block;
492 width: 64px;
493 height: 74px;
494 padding: 10px;
495 }
496
497 .footer .subject .footer_logo a img {
498 width: 100%;
499 height: 100%;
500 }
501
502 .footer .subject ul, ol {
503 float: left;
504 color: #CBCBCB;
505 text-align: left;
506 }
507
508 .footer .subject ul {
509 width: 73%;
510 box-sizing: border-box;
511 padding-left: 40px;
512 margin-top: 10px;
513 }
514
515 .footer .subject ul li {
516 width: 30%;
517 display: inline-block;
518 text-align: left;
519 margin-bottom: 30px;
520 }
521
522 .footer .subject ol li {
523 display: inline-block;
524 text-align: center;
525 }
526
527 .footer .subject ol li:last-child {
528 margin-left: 60px;
529 }
530
531 .footer .subject ol li img {
532 width: 80px;
533 height: 80px;
534 }
535
536 .footer .subject ol li p {
537 font-size: 12px;
538 color: #CBCBCB;
539 margin-top: 5px;
540 }
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <title>公示公告</title>
6 <meta charset="UTF-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
8 <meta name="format-detection" content="telephone=no">
9 <meta name="renderer" content="webkit">
10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
11 <meta http-equiv="Cache-Control" content="no-siteapp"/>
12 <link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png">
13 <link rel='icon' href='favicon.ico' type='image/x-ico'/>
14 <meta name="description" content=""/>
15 <meta name="keywords" content=""/>
16 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css"/>
17 <link rel="stylesheet" type="text/css" href="./css/index.css">
18 </head>
19
20 <body>
21 <div class="main">
22 <div class="subject top-logo">
23 <div class="top_logo_content">
24 <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
25 <div class="top_logo_search">
26 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
27 autocomplete="off" class="layui-input">
28 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
29 </div>
30 <ul class="login">
31 <li>登录</li>
32 <li>注册</li>
33 </ul>
34 </div>
35 </div>
36 <div class="navigation">
37 <ul class="layui-nav layui-bg-blue" lay-filter="">
38 <li class="layui-nav-item"><a href="./../../staticIndex.html">首页</a></li>
39 <li class="layui-nav-item"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
40 <li class="layui-nav-item"><a href="">业务办理</a></li>
41 <li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
42 <li class="layui-nav-item">
43 <a href="javascript:;">查验中心</a>
44 <dl class="layui-nav-child">
45 <!-- 二级菜单 -->
46 <dd><a href="">移动模块</a></dd>
47 <dd><a href="">后台模版</a></dd>
48 <dd><a href="">电商平台</a></dd>
49 </dl>
50 </li>
51 <li class="layui-nav-item"><a href="">在线缴费</a></li>
52 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
53 </ul>
54 </div>
55 <div class="navigation_crumbs">
56 <div class="contentBox">
57 <span class="layui-breadcrumb">
58 <a href="../../staticIndex.html">首页</a>
59 <a><cite>公示公告</cite></a>
60 </span>
61 </div>
62 </div>
63 <div class="mainbody">
64 <div class="top">
65 <div class="top-title">
66 <span>标题内容:</span><input type="text" placeholder="请输入标题">
67 </div>
68 <div class="top-date ">
69 发布时间:<input type="date" placeholder="选择时间">
70 </div>
71 <div class="top-serach ">
72 <button>查询</button>
73 </div>
74 </div>
75 <div class="layui-tab layui-tab-brief" lay-filter="">
76 <ul class="layui-tab-title">
77 <li class="layui-this">全部</li>
78 <li>公示</li>
79 <li>公告</li>
80 </ul>
81 <div class="layui-tab-content">
82 <div class="body">
83 <div class="left">
84 <a href="./../ggxq/index.html" target="_blank">
85 <div class="gg">
86 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
87 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70%
88 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元
89 首次推介中央企业民营企业协同发展项目
90 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
91 首次推介中央企业民营企业协同发展项目
92 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70%
93 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
94 </div>
95 </a>
96 <a href="./../ggxq/index.html" target="_blank">
97 <div class="gg">
98 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
99 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70%
100 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目
101 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目
102 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70%
103 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
104 </div>
105 </a>
106 <a href="./../ggxq/index.html" target="_blank">
107 <div class="gg">
108 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
109 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70%
110 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目
111 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目
112 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70%
113 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
114 </div>
115 </a>
116 <div id="page"></div>
117 </div>
118 <div class="right">
119 <div class="right-top">
120 <h2>新闻推荐</h2>
121 </div>
122 <div class="right-body">
123 <div class="tj">
124 <img
125 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
126 <span class="tj-title">
127 爬山虎国土空间信息化解决方案
128 </span>
129 <span class="tj-date">
130 2020-12-12
131 </span>
132 </div>
133 <div class="tj">
134 <img
135 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
136 <span class="tj-title">
137 爬山虎国土空间信息化解决方案终极方案
138 </span>
139 <span class="tj-date">
140 2020-12-12
141 </span>
142 </div>
143 </div>
144 <div class="right-bottom">
145 <div class="right-bottom-top">
146 <span>政策法规推荐</span>
147 </div>
148 <div class="zcfg">
149 <div class="zcfg-top">
150 <span>爬山虎国土空间规划信息化解决</span>
151 </div>
152 <div class="zcfg-body">
153 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
154 </div>
155 <div class="zcfg-bottom">
156 <span>2020-10-28</span>
157 </div>
158 </div>
159 <div class="zcfg">
160 <div class="zcfg-top">
161 <span>爬山虎国土空间规划信息化解决</span>
162 </div>
163 <div class="zcfg-body">
164 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
165 </div>
166 <div class="zcfg-bottom">
167 <span>2020-10-28</span>
168 </div>
169 </div>
170 </div>
171 </div>
172 </div>
173 </div>
174 </div>
175 </div>
176
177 <div class="footer">
178 <div class="system_service">
179 <ul class="">
180 <li>
181 <a href="">
182 <span>公示公告</span>
183 </a>
184 </li>
185 <li>
186 <a href="">
187 <span>法律法规</span>
188 </a>
189 </li>
190 <li>
191 <a href="">
192 <span>相应政策</span>
193 </a>
194 </li>
195 <li>
196 <a href="">
197 <span>下载服务</span>
198 </a>
199 </li>
200 <li>
201 <a href="">
202 <span>关于我们</span>
203 </a>
204 </li>
205 </ul>
206 </div>
207 <div class="subject">
208 <div class="footer_logo">
209 <a href="">
210 <img src="./../../staticImages/jiguan.png">
211 </a>
212 </div>
213 <ul>
214 <li>
215 西安市自然资源和规划局
216 </li>
217 <li>
218 电话：028-456465
219 </li>
220 <li>
221 地址：西安市丰城8路
222 </li>
223 <li>
224 网站标识吗：87987987
225 </li>
226 <li>
227 备案：陕IPC456465465
228 </li>
229 <li>
230 陕公网备案：456465465
231 </li>
232 </ul>
233 <ol>
234 <li>
235 <img src="./../../staticImages/code.png">
236 <p>扫描关注公众号</p>
237 </li>
238 <li>
239 <img src="./../../staticImages/code.png">
240 <p>扫描关注公众号</p>
241 </li>
242 </ol>
243 </div>
244 </div>
245 </div>
246 </body>
247
248 </html>
249 <!--[if (gte IE 9)|!(IE)]><!-->
250 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
251 <!--<![endif]-->
252 <script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script>
253 <script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script>
254 <script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script>
255 <script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script>
256 <script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script>
257 <script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
258 <script type="text/javascript">
259 layui.use('element', function () {
260 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
261 //监听导航点击
262 element.on('nav(demo)', function (elem) {
263 //console.log(elem)
264 layer.msg(elem.text());
265 });
266 });
267 $(function () {
268 layui.use('laypage', function () {
269 let laypage = layui.laypage;
270 //执行一个laypage实例
271 laypage.render({
272 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
273 , count: 50 //数据总数，从服务端得到
274 , prev: '<'
275 , next: '>'
276 , theme: '#0091FF'
277 });
278 });
279 })
280 </script>
...\ No newline at end of file ...\ No newline at end of file