Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
d22f08cb by weimo934
Options

Merge remote-tracking branch 'origin/master'

2 parents f8ebd472 c99a40ac
Inline Side-by-side
Showing 3 changed files with 649 additions and 6 deletions
...@@ -94,7 +94,7 @@ div.navigation { ...@@ -94,7 +94,7 @@ div.navigation {
94 text-align: center; 94 text-align: center;
95 } 95 }
96 .navigation .layui-nav-item { 96 .navigation .layui-nav-item {
97 width: 100px; 97 width: 130px;
98 position: relative; 98 position: relative;
99 margin: 0 22px; 99 margin: 0 22px;
100 } 100 }
...@@ -108,7 +108,7 @@ div.navigation { ...@@ -108,7 +108,7 @@ div.navigation {
108 height: 22px; 108 height: 22px;
109 border-left: 1px solid #ccc; 109 border-left: 1px solid #ccc;
110 top: 21px; 110 top: 21px;
111 left: -20px; 111 left: -22px;
112 } 112 }
113 113
114 div.nav ul li { 114 div.nav ul li {
......
1 /* ----------------------公共样式-------------------------- */
2 .contentBox {
3 width: 1200px;
4 margin: 0 auto;
5 overflow: hidden;
6 }
7 .business_guide {
8 overflow-x: hidden;
9 }
10 /* -------------------------end------------------------------- */
11 /* -------------------------头部start----------------------------------- */
12 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
13 border: 0;
14 margin: 0;
15 outline: 0 none;
16 padding: 0;
17 vertical-align: baseline;
18 font-size: 100%;
19 background: transparent;
20 font-family: Arial;
21 }
22
23 div a {
24 color: #000000;
25 text-decoration: none;
26 }
27
28 div.subject h2 a:hover {
29 color: #f46143;
30 }
31
32 div.subject {
33 margin: 0 auto;
34 float: none;
35 clear: both;
36 position: relative;
37 min-width: 1200px;
38 }
39 div.top-logo {
40 width: 1200px;
41 height: 70px;
42 padding-top: 20px;
43 }
44
45 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
46 font-size: 13px;
47 }
48
49 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
50 font-size: 13px;
51 }
52
53 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
54 font-size: 13px;
55 }
56 .top_logo_content {
57 height: 40px;
58 width: 100%;
59 margin: 0 auto;
60 }
61 div.top-logo .top_logo_search {
62 float: left;
63 width: 350px;
64 position: relative;
65 margin-left: 400px;
66 }
67 div.top-logo .top_logo_search input {
68 border-radius: 50px;
69 }
70 div.top-logo .login {
71 float: right;
72 margin-top: 8px;
73 }
74 div.top-logo .top_logo_search i {
75 position: absolute;
76 right: 10px;
77 top: 11px;
78 cursor: pointer;
79 }
80 .top-logo h1 {
81 display: inline-block;
82 float: left;
83 }
84 .top-logo ul li {
85 display: inline-block;
86 padding: 0 8px;
87 }
88
89 .top-logo ul li:first-child {
90 border-right: 1px solid grey;
91 }
92
93 div.navigation {
94 text-align: center;
95 }
96 .navigation .layui-nav-item {
97 width: 130px;
98 position: relative;
99 margin: 0 22px;
100 }
101 .layui-bg-blue {
102 background-color: #006CFF!important;
103 }
104
105 .layui-nav-item:not(:first-child)::before {
106 content: '';
107 position: absolute;
108 height: 22px;
109 border-left: 1px solid #ccc;
110 top: 21px;
111 left: -22px;
112 }
113
114 /* ------------------------------end--------------------------------------- */
115
116 .navigation_crumbs {
117 width: 100%;
118 height: 25px;
119 padding: 10px 0;
120 line-height: 25px;
121 background: #FAFAFA;
122 border: 1px solid #E6E6E6;
123 }
124 .navigation_crumbs .layui-breadcrumb a:hover {
125 color: #f46143!important;
126 }
127 /* --------------------导航tab------------------------- */
128 .one_content {
129 border: 1px solid #DEDEDE;;
130 margin-top: 30px;
131 }
132 .one_content .layui-tab {
133 margin: 0;
134 }
135 .one_content .layui-tab-title li {
136 width: 100px;
137 font-weight: 600;
138 color: #6D7278;
139 }
140 .one_content .layui-tab-title .layui-this {
141 color: #4A4A4A;
142 }
143 .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
144 border-color: #006CFF;
145 }
146 .layui-tab .layui-tab-brief .layui-this {
147 color: #006CFF;
148 }
149 .layui-tab .layui-tab-brief li {
150 width: 30px;
151 }
152 .online_business {
153 margin-top: 20px;
154 }
155 .online_business h2 {
156 width: 100%;
157 height: 43px;
158 line-height: 43px;
159 background: #FAFAFA;
160 border-radius: 4px;
161 border: 1px solid #DEDEDE;
162 padding-left: 15px;
163 box-sizing: border-box;
164 }
165 .online_list {
166 padding-bottom: 20px;
167 overflow: hidden;
168 }
169 .online_list li{
170 width: 45%!important;
171 float: left;
172 height: 60px;
173 line-height: 60px;
174 border-bottom: 1px dotted #DEDEDE;
175 }
176 .online_list li:nth-child(even) {
177 margin-left: 10%;
178 }
179 .online_list li a{
180 display: block;
181 width: 100%;
182 }
183 .online_list li a:hover span{
184 color: #f46143;
185 }
186 .online_list li a button {
187 float: right;
188 margin-top: 15px;
189 }
190 /* ---------------------------------------------------- */
191 /* -----------------底部start----------------------------- */
192 div.footer {
193 background-color: #233042;
194 }
195 div.footer .system_service {
196 width: 100%;
197 border-bottom: 1px solid #4A4A4A;
198 }
199 div.footer .system_service ul {
200 padding: 40px 0;
201 width: 1400px;
202 margin: 0 auto;
203 font-size: 0;
204 }
205 div.footer .system_service ul li {
206 width: 20%;
207 display: inline-block;
208 text-align: center;
209 height: 18px;
210 box-sizing: border-box;
211 }
212 div.footer .system_service ul li:not(:last-child) {
213 border-right: 1px solid #6D7278;
214 }
215 div.footer .system_service ul li a{
216 font-size: 16px;
217 font-weight: 400;
218 color: #DEDEDE;
219 }
220 div.footer .system_service ul li a:hover {
221 color: #f46143;
222 }
223 .footer .subject {
224 width: 1200px;
225 margin: 0 auto;
226 padding: 40px 0;
227 overflow: hidden;
228 }
229 .footer .subject .footer_logo {
230 float: left;
231 }
232 .footer .subject .footer_logo a{
233 display: block;
234 width: 64px;
235 height: 74px;
236 padding: 10px;
237 }
238 .footer .subject .footer_logo a img {
239 width: 100%;
240 height: 100%;
241 }
242 .footer .subject ul, ol {
243 float: left;
244 color: #CBCBCB;
245 text-align: left;
246 }
247 .footer .subject ul {
248 width: 73%;
249 box-sizing: border-box;
250 padding-left: 40px;
251 margin-top: 10px;
252 }
253 .footer .subject ul li {
254 width: 30%;
255 display: inline-block;
256 text-align: left;
257 margin-bottom: 30px;
258 }
259 .footer .subject ol li {
260 display: inline-block;
261 text-align: center;
262 }
263 .footer .subject ol li:last-child {
264 margin-left: 60px;
265 }
266 .footer .subject ol li img {
267 width: 80px;
268 height: 80px;
269 }
270 .footer .subject ol li p {
271 font-size: 12px;
272 color: #CBCBCB;
273 margin-top: 5px;
274 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <html lang="zh-cn"> 2 <html lang="zh-cn">
3 3
4 <head> 4 <head>
5 <title>网页模板商城</title> 5 <title>网上“一窗办事”登记系统</title>
6 <meta charset="UTF-8"> 6 <meta charset="UTF-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8 <meta name="format-detection" content="telephone=no"> 8 <meta name="format-detection" content="telephone=no">
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> 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" /> 11 <meta http-equiv="Cache-Control" content="no-siteapp" />
12 <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" /> 12 <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
13 <link rel="alternate icon" type="image/png" href="images/logo-realestate.png"> 13 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
14 <link rel='icon' href='favicon.ico' type='image/x-ico' /> 14 <link rel='icon' href='favicon.ico' type='image/x-ico' />
15 <meta name="description" content="" /> 15 <meta name="description" content="" />
16 <meta name="keywords" content="" /> 16 <meta name="keywords" content="" />
...@@ -20,7 +20,368 @@ ...@@ -20,7 +20,368 @@
20 20
21 <body> 21 <body>
22 <div class="business_guide"> 22 <div class="business_guide">
23 23 <div class="subject top-logo">
24 <div class="top_logo_content">
25 <h1><a href="index.html"><img src="../../images/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
26
27 <div class="top_logo_search">
28 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
29 autocomplete="off" class="layui-input">
30 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
31 </div>
32
33 <ul class="login">
34 <li>登录</li>
35 <li>注册</li>
36 </ul>
37 </div>
38 </div>
39 <div class="navigation">
40 <ul class="layui-nav layui-bg-blue" lay-filter="">
41 <li class="layui-nav-item"><a href="">首页</a></li>
42 <li class="layui-nav-item"><a href="">新闻动态</a></li>
43 <li class="layui-nav-item"><a href="">业务办理</a></li>
44 <li class="layui-nav-item layui-this"><a href="">办事指南</a></li>
45 <li class="layui-nav-item">
46 <a href="javascript:;">查验中心</a>
47 <dl class="layui-nav-child">
48 <!-- 二级菜单 -->
49 <dd><a href="">移动模块</a></dd>
50 <dd><a href="">后台模版</a></dd>
51 <dd><a href="">电商平台</a></dd>
52 </dl>
53 </li>
54 <li class="layui-nav-item"><a href="">在线缴费</a></li>
55 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
56 </ul>
57 </div>
58 <div class="navigation_crumbs">
59 <div class="contentBox">
60 <span class="layui-breadcrumb">
61 <a href="">首页</a>
62 <a href="">办事指南</a>
63 <a><cite>业务指南</cite></a>
64 </span>
65 </div>
66 </div>
67
68 <div class="one_content contentBox">
69 <div class="layui-tab">
70 <ul class="layui-tab-title">
71 <li class="layui-this">线上办理</li>
72 <li>线下办理</li>
73 </ul>
74 <div class="layui-tab-content">
75 <div class="layui-tab-item layui-show">
76 <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
77 <ul class="layui-tab-title">
78 <li class="layui-this">全部</li>
79 <li>土地</li>
80 <li>房屋等建筑</li>
81 <li>构筑物</li>
82 <li>森林，林木</li>
83 <li>其他</li>
84 </ul>
85 <div class="layui-tab-content" style="padding:0">
86 <div class="online_business">
87 <h2>土地</h2>
88 </div>
89 <ul class="online_list">
90 <li>
91 <a href="">
92 <span>土地转移登记</span>
93 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
94 </a>
95 </li>
96 <li>
97 <a href="">
98 <span>土地转移登记</span>
99 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
100 </a>
101 </li>
102 <li>
103 <a href="">
104 <span>土地转移登记</span>
105 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
106 </a>
107 </li>
108 <li>
109 <a href="">
110 <span>土地转移登记</span>
111 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
112 </a>
113 </li>
114 <li>
115 <a href="">
116 <span>土地转移登记</span>
117 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
118 </a>
119 </li>
120 <li>
121 <a href="">
122 <span>土地转移登记</span>
123 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
124 </a>
125 </li>
126 <li>
127 <a href="">
128 <span>土地转移登记</span>
129 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
130 </a>
131 </li>
132 <li>
133 <a href="">
134 <span>土地转移登记</span>
135 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
136 </a>
137 </li>
138 </ul>
139 </div>
140
141 <div class="layui-tab-content" style="padding:0">
142 <div class="online_business">
143 <h2>房屋等建筑</h2>
144 </div>
145 <ul class="online_list">
146 <li>
147 <a href="">
148 <span>土地转移登记</span>
149 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
150 </a>
151 </li>
152 <li>
153 <a href="">
154 <span>土地转移登记</span>
155 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
156 </a>
157 </li>
158 <li>
159 <a href="">
160 <span>土地转移登记</span>
161 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
162 </a>
163 </li>
164 <li>
165 <a href="">
166 <span>土地转移登记</span>
167 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
168 </a>
169 </li>
170 <li>
171 <a href="">
172 <span>土地转移登记</span>
173 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
174 </a>
175 </li>
176 <li>
177 <a href="">
178 <span>土地转移登记</span>
179 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
180 </a>
181 </li>
182 <li>
183 <a href="">
184 <span>土地转移登记</span>
185 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
186 </a>
187 </li>
188 <li>
189 <a href="">
190 <span>土地转移登记</span>
191 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
192 </a>
193 </li>
194 </ul>
195 </div>
196
197 <div class="layui-tab-content" style="padding:0">
198 <div class="online_business">
199 <h2>构筑物</h2>
200 </div>
201 <ul class="online_list">
202 <li>
203 <a href="">
204 <span>土地转移登记</span>
205 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
206 </a>
207 </li>
208 <li>
209 <a href="">
210 <span>土地转移登记</span>
211 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
212 </a>
213 </li>
214 <li>
215 <a href="">
216 <span>土地转移登记</span>
217 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
218 </a>
219 </li>
220 <li>
221 <a href="">
222 <span>土地转移登记</span>
223 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
224 </a>
225 </li>
226 <li>
227 <a href="">
228 <span>土地转移登记</span>
229 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
230 </a>
231 </li>
232 <li>
233 <a href="">
234 <span>土地转移登记</span>
235 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
236 </a>
237 </li>
238 <li>
239 <a href="">
240 <span>土地转移登记</span>
241 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
242 </a>
243 </li>
244 <li>
245 <a href="">
246 <span>土地转移登记</span>
247 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
248 </a>
249 </li>
250 </ul>
251 </div>
252
253 <div class="layui-tab-content" style="padding:0">
254 <div class="online_business">
255 <h2>森马林木</h2>
256 </div>
257 <ul class="online_list">
258 <li>
259 <a href="">
260 <span>土地转移登记</span>
261 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
262 </a>
263 </li>
264 <li>
265 <a href="">
266 <span>土地转移登记</span>
267 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
268 </a>
269 </li>
270 <li>
271 <a href="">
272 <span>土地转移登记</span>
273 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
274 </a>
275 </li>
276 <li>
277 <a href="">
278 <span>土地转移登记</span>
279 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
280 </a>
281 </li>
282 <li>
283 <a href="">
284 <span>土地转移登记</span>
285 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
286 </a>
287 </li>
288 <li>
289 <a href="">
290 <span>土地转移登记</span>
291 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
292 </a>
293 </li>
294 <li>
295 <a href="">
296 <span>土地转移登记</span>
297 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
298 </a>
299 </li>
300 <li>
301 <a href="">
302 <span>土地转移登记</span>
303 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
304 </a>
305 </li>
306 </ul>
307 </div>
308 </div>
309
310 </div>
311 <div class="layui-tab-item">内容2</div>
312 </div>
313 </div>
314 </div>
315
316 <div class="footer">
317 <div class="system_service">
318 <ul class="">
319 <li>
320 <a href="">
321 <span>公示公告</span>
322 </a>
323 </li>
324 <li>
325 <a href="">
326 <span>法律法规</span>
327 </a>
328 </li>
329 <li>
330 <a href="">
331 <span>相应政策</span>
332 </a>
333 </li>
334 <li>
335 <a href="">
336 <span>下载服务</span>
337 </a>
338 </li>
339 <li>
340 <a href="">
341 <span>关于我们</span>
342 </a>
343 </li>
344 </ul>
345 </div>
346 <div class="subject">
347 <div class="footer_logo">
348 <a href="">
349 <img src="../../images/jiguan.png">
350 </a>
351 </div>
352 <ul>
353 <li>
354 西安市自然资源和规划局
355 </li>
356 <li>
357 电话：028-456465
358 </li>
359 <li>
360 地址：西安市丰城8路
361 </li>
362 <li>
363 网站标识吗：87987987
364 </li>
365 <li>
366 备案：陕IPC456465465
367 </li>
368 <li>
369 陕公网备案：456465465
370 </li>
371 </ul>
372 <ol>
373 <li>
374 <img src="../../images/code.png">
375 <p>扫描关注公众号</p>
376 </li>
377 <li>
378 <img src="../../images/code.png">
379 <p>扫描关注公众号</p>
380 </li>
381
382 </ol>
383 </div>
384 </div>
24 </div> 385 </div>
25 </body> 386 </body>
26 387
...@@ -33,4 +394,12 @@ ...@@ -33,4 +394,12 @@
33 <script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script> 394 <script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
34 <script type="text/javascript" src="lib/raty/jquery.raty.js"></script> 395 <script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
35 <script type="text/javascript" src="js/main.min.js?t=1"></script> 396 <script type="text/javascript" src="js/main.min.js?t=1"></script>
36 <script src="https://www.layuicdn.com/layui/layui.js"></script>
...\ No newline at end of file ...\ No newline at end of file
397 <script src="https://www.layuicdn.com/layui/layui.js"></script>
398 <script>
399 //注意：导航 依赖 element 模块，否则无法进行功能性操作
400 layui.use('element', function () {
401 var element = layui.element;
402
403 //…
404 });
405 </script>
...\ No newline at end of file ...\ No newline at end of file
......