Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
3863ed02 by 任超
Options

feat:办事指南

1 parent c99a40ac
Inline Side-by-side
Showing 3 changed files with 326 additions and 252 deletions
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
37 <li class="layui-nav-item layui-this"><a href="">首页</a></li> 37 <li class="layui-nav-item layui-this"><a href="">首页</a></li>
38 <li class="layui-nav-item"><a href="">新闻动态</a></li> 38 <li class="layui-nav-item"><a href="">新闻动态</a></li>
39 <li class="layui-nav-item"><a href="">业务办理</a></li> 39 <li class="layui-nav-item"><a href="">业务办理</a></li>
40 <li class="layui-nav-item"><a href="">办事指南</a></li> 40 <li class="layui-nav-item"><a href="./views/bszn/index.html">办事指南</a></li>
41 <li class="layui-nav-item"> 41 <li class="layui-nav-item">
42 <a href="javascript:;">查验中心</a> 42 <a href="javascript:;">查验中心</a>
43 <dl class="layui-nav-child"> 43 <dl class="layui-nav-child">
......
...@@ -7,6 +7,10 @@ ...@@ -7,6 +7,10 @@
7 .business_guide { 7 .business_guide {
8 overflow-x: hidden; 8 overflow-x: hidden;
9 } 9 }
10 .titleActive {
11 color: #006CFF;
12 font-weight: 600;
13 }
10 /* -------------------------end------------------------------- */ 14 /* -------------------------end------------------------------- */
11 /* -------------------------头部start----------------------------------- */ 15 /* -------------------------头部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 { 16 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 {
...@@ -38,7 +42,7 @@ div.subject { ...@@ -38,7 +42,7 @@ div.subject {
38 } 42 }
39 div.top-logo { 43 div.top-logo {
40 width: 1200px; 44 width: 1200px;
41 height: 70px; 45 height: 90px!important;
42 padding-top: 20px; 46 padding-top: 20px;
43 } 47 }
44 48
...@@ -115,7 +119,7 @@ div.navigation { ...@@ -115,7 +119,7 @@ div.navigation {
115 119
116 .navigation_crumbs { 120 .navigation_crumbs {
117 width: 100%; 121 width: 100%;
118 height: 25px; 122 height: 45px;
119 padding: 10px 0; 123 padding: 10px 0;
120 line-height: 25px; 124 line-height: 25px;
121 background: #FAFAFA; 125 background: #FAFAFA;
...@@ -147,7 +151,7 @@ div.navigation { ...@@ -147,7 +151,7 @@ div.navigation {
147 color: #006CFF; 151 color: #006CFF;
148 } 152 }
149 .layui-tab .layui-tab-brief li { 153 .layui-tab .layui-tab-brief li {
150 width: 30px; 154 width: 90px;
151 } 155 }
152 .online_business { 156 .online_business {
153 margin-top: 20px; 157 margin-top: 20px;
......
...@@ -3,19 +3,18 @@ ...@@ -3,19 +3,18 @@
3 3
4 <head> 4 <head>
5 <title>网上“一窗办事”登记系统</title> 5 <title>网上“一窗办事”登记系统</title>
6 <meta charset="UTF-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8 <meta name="format-detection" content="telephone=no"> 7 <meta name="format-detection" content="telephone=no">
9 <meta name="renderer" content="webkit"> 8 <meta name="renderer" content="webkit">
10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> 9 <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" /> 10 <meta http-equiv="Cache-Control" content="no-siteapp" />
12 <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" /> 11 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css" />
13 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png"> 12 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
14 <link rel='icon' href='favicon.ico' type='image/x-ico' /> 13 <link rel='icon' href='../../favicon.ico' type='image/x-ico' />
15 <meta name="description" content="" /> 14 <meta name="description" content="" />
16 <meta name="keywords" content="" /> 15 <meta name="keywords" content="" />
17 <link rel="stylesheet" href="css/default.min.css?t=227" /> 16 <link rel="stylesheet" href="../../css/default.min.css?t=227" />
18 <link type="text/css" rel="stylesheet" href="./css/index.css" /> 17 <link rel="stylesheet" type="text/css" href="css/index.css">
19 </head> 18 </head>
20 19
21 <body> 20 <body>
...@@ -38,7 +37,7 @@ ...@@ -38,7 +37,7 @@
38 </div> 37 </div>
39 <div class="navigation"> 38 <div class="navigation">
40 <ul class="layui-nav layui-bg-blue" lay-filter=""> 39 <ul class="layui-nav layui-bg-blue" lay-filter="">
41 <li class="layui-nav-item"><a href="">首页</a></li> 40 <li class="layui-nav-item"><a href="../../index.html">首页</a></li>
42 <li class="layui-nav-item"><a href="">新闻动态</a></li> 41 <li class="layui-nav-item"><a href="">新闻动态</a></li>
43 <li class="layui-nav-item"><a href="">业务办理</a></li> 42 <li class="layui-nav-item"><a href="">业务办理</a></li>
44 <li class="layui-nav-item layui-this"><a href="">办事指南</a></li> 43 <li class="layui-nav-item layui-this"><a href="">办事指南</a></li>
...@@ -58,7 +57,7 @@ ...@@ -58,7 +57,7 @@
58 <div class="navigation_crumbs"> 57 <div class="navigation_crumbs">
59 <div class="contentBox"> 58 <div class="contentBox">
60 <span class="layui-breadcrumb"> 59 <span class="layui-breadcrumb">
61 <a href="">首页</a> 60 <a href="../../index.html">首页</a>
62 <a href="">办事指南</a> 61 <a href="">办事指南</a>
63 <a><cite>业务指南</cite></a> 62 <a><cite>业务指南</cite></a>
64 </span> 63 </span>
...@@ -68,249 +67,280 @@ ...@@ -68,249 +67,280 @@
68 <div class="one_content contentBox"> 67 <div class="one_content contentBox">
69 <div class="layui-tab"> 68 <div class="layui-tab">
70 <ul class="layui-tab-title"> 69 <ul class="layui-tab-title">
71 <li class="layui-this">线上办理</li> 70 <li class="layui-this">线上办理</li>
72 <li>线下办理</li> 71 <li>线下办理</li>
73 </ul> 72 </ul>
74 <div class="layui-tab-content"> 73 <div class="layui-tab-content">
75 <div class="layui-tab-item layui-show"> 74 <div class="layui-tab-item layui-show">
76 <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"> 75 <div class="layui-tab layui-tab-brief" lay-filter="navtab">
77 <ul class="layui-tab-title"> 76 <ul class="layui-tab-title">
78 <li class="layui-this">全部</li> 77 <li class="layui-this" lay-id="0">全部</li>
79 <li>土地</li> 78 <li lay-id="1">土地</li>
80 <li>房屋等建筑</li> 79 <li lay-id="2">房屋等建筑</li>
81 <li>构筑物</li> 80 <li lay-id="3">构筑物</li>
82 <li>森林，林木</li> 81 <li lay-id="4">森林，林木</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> 82 </ul>
139 </div> 83 <div class="layui-tab-content tudi" style="padding:0">
84 <div class="online_business">
85 <h2>土地</h2>
86 </div>
87 <ul class="online_list">
88 <li>
89 <a href="">
90 <span>土地转移登记</span>
91 <button type="button"
92 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
93 </a>
94 </li>
95 <li>
96 <a href="">
97 <span>土地转移登记</span>
98 <button type="button"
99 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"
106 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
107 </a>
108 </li>
109 <li>
110 <a href="">
111 <span>土地转移登记</span>
112 <button type="button"
113 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
114 </a>
115 </li>
116 <li>
117 <a href="">
118 <span>土地转移登记</span>
119 <button type="button"
120 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
121 </a>
122 </li>
123 <li>
124 <a href="">
125 <span>土地转移登记</span>
126 <button type="button"
127 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
128 </a>
129 </li>
130 <li>
131 <a href="">
132 <span>土地转移登记</span>
133 <button type="button"
134 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
135 </a>
136 </li>
137 <li>
138 <a href="">
139 <span>土地转移登记</span>
140 <button type="button"
141 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
142 </a>
143 </li>
144 </ul>
145 </div>
140 146
141 <div class="layui-tab-content" style="padding:0"> 147 <div class="layui-tab-content jianzhu" style="padding:0">
142 <div class="online_business"> 148 <div class="online_business">
143 <h2>房屋等建筑</h2> 149 <h2>房屋等建筑</h2>
150 </div>
151 <ul class="online_list">
152 <li>
153 <a href="">
154 <span>土地转移登记</span>
155 <button type="button"
156 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
157 </a>
158 </li>
159 <li>
160 <a href="">
161 <span>土地转移登记</span>
162 <button type="button"
163 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
164 </a>
165 </li>
166 <li>
167 <a href="">
168 <span>土地转移登记</span>
169 <button type="button"
170 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
171 </a>
172 </li>
173 <li>
174 <a href="">
175 <span>土地转移登记</span>
176 <button type="button"
177 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
178 </a>
179 </li>
180 <li>
181 <a href="">
182 <span>土地转移登记</span>
183 <button type="button"
184 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
185 </a>
186 </li>
187 <li>
188 <a href="">
189 <span>土地转移登记</span>
190 <button type="button"
191 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
192 </a>
193 </li>
194 <li>
195 <a href="">
196 <span>土地转移登记</span>
197 <button type="button"
198 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
199 </a>
200 </li>
201 <li>
202 <a href="">
203 <span>土地转移登记</span>
204 <button type="button"
205 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
206 </a>
207 </li>
208 </ul>
144 </div> 209 </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 210
197 <div class="layui-tab-content" style="padding:0"> 211 <div class="layui-tab-content linmu" style="padding:0">
198 <div class="online_business"> 212 <div class="online_business">
199 <h2>构筑物</h2> 213 <h2>构筑物</h2>
214 </div>
215 <ul class="online_list">
216 <li>
217 <a href="">
218 <span>土地转移登记</span>
219 <button type="button"
220 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
221 </a>
222 </li>
223 <li>
224 <a href="">
225 <span>土地转移登记</span>
226 <button type="button"
227 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
228 </a>
229 </li>
230 <li>
231 <a href="">
232 <span>土地转移登记</span>
233 <button type="button"
234 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
235 </a>
236 </li>
237 <li>
238 <a href="">
239 <span>土地转移登记</span>
240 <button type="button"
241 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"
248 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
249 </a>
250 </li>
251 <li>
252 <a href="">
253 <span>土地转移登记</span>
254 <button type="button"
255 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
256 </a>
257 </li>
258 <li>
259 <a href="">
260 <span>土地转移登记</span>
261 <button type="button"
262 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
263 </a>
264 </li>
265 <li>
266 <a href="">
267 <span>土地转移登记</span>
268 <button type="button"
269 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
270 </a>
271 </li>
272 </ul>
200 </div> 273 </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 274
253 <div class="layui-tab-content" style="padding:0"> 275 <div class="layui-tab-content qita" style="padding:0">
254 <div class="online_business"> 276 <div class="online_business">
255 <h2>森马林木</h2> 277 <h2>森马林木</h2>
278 </div>
279 <ul class="online_list">
280 <li>
281 <a href="">
282 <span>土地转移登记</span>
283 <button type="button"
284 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
285 </a>
286 </li>
287 <li>
288 <a href="">
289 <span>土地转移登记</span>
290 <button type="button"
291 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"
298 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
299 </a>
300 </li>
301 <li>
302 <a href="">
303 <span>土地转移登记</span>
304 <button type="button"
305 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
306 </a>
307 </li>
308 <li>
309 <a href="">
310 <span>土地转移登记</span>
311 <button type="button"
312 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
313 </a>
314 </li>
315 <li>
316 <a href="">
317 <span>土地转移登记</span>
318 <button type="button"
319 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
320 </a>
321 </li>
322 <li>
323 <a href="">
324 <span>土地转移登记</span>
325 <button type="button"
326 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
327 </a>
328 </li>
329 <li>
330 <a href="">
331 <span>土地转移登记</span>
332 <button type="button"
333 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
334 </a>
335 </li>
336 </ul>
256 </div> 337 </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> 338 </div>
308 </div>
309 339
310 </div> 340 </div>
311 <div class="layui-tab-item">内容2</div> 341 <div class="layui-tab-item">内容2</div>
312 </div> 342 </div>
313 </div> 343 </div>
314 </div> 344 </div>
315 345
316 <div class="footer"> 346 <div class="footer">
...@@ -378,7 +408,7 @@ ...@@ -378,7 +408,7 @@
378 <img src="../../images/code.png"> 408 <img src="../../images/code.png">
379 <p>扫描关注公众号</p> 409 <p>扫描关注公众号</p>
380 </li> 410 </li>
381 411
382 </ol> 412 </ol>
383 </div> 413 </div>
384 </div> 414 </div>
...@@ -387,19 +417,59 @@ ...@@ -387,19 +417,59 @@
387 417
388 </html> 418 </html>
389 <!--[if (gte IE 9)|!(IE)]><!--> 419 <!--[if (gte IE 9)|!(IE)]><!-->
390 <script type="text/javascript" src="lib/jquery/jquery.min.js"></script> 420 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
391 <!--<![endif]--> 421 <!--<![endif]-->
392 <script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script> 422 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
393 <script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script> 423 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
394 <script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script> 424 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
395 <script type="text/javascript" src="lib/raty/jquery.raty.js"></script> 425 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
396 <script type="text/javascript" src="js/main.min.js?t=1"></script> 426 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
397 <script src="https://www.layuicdn.com/layui/layui.js"></script> 427 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
398 <script> 428 <script>
399 //注意：导航 依赖 element 模块，否则无法进行功能性操作 429 //注意：导航 依赖 element 模块，否则无法进行功能性操作
400 layui.use('element', function () { 430 layui.use('element', function () {
401 var element = layui.element; 431 var element = layui.element;
402
403 //… 432 //…
404 }); 433 });
405 </script>
...\ No newline at end of file ...\ No newline at end of file
434
435 layui.use('element', function () {
436 var element = layui.element;
437 //监听Tab切换，以改变地址hash值
438 element.on('tab(navtab)', function () {
439 if(this.getAttribute('lay-id')==1){
440 $("body,html").animate({ scrollTop: $(".tudi").offset().top });
441 $(".online_business h2").removeClass('titleActive')
442 $(".tudi .online_business h2").addClass('titleActive')
443 }else if(this.getAttribute('lay-id')==2){
444 $("body,html").animate({ scrollTop: $(".jianzhu").offset().top });
445 $(".online_business h2").removeClass('titleActive')
446 $(".jianzhu .online_business h2").addClass('titleActive')
447 }else if(this.getAttribute('lay-id')==3){
448 $("body,html").animate({ scrollTop: $(".linmu").offset().top });
449 $(".online_business h2").removeClass('titleActive')
450 $(".linmu .online_business h2").addClass('titleActive')
451 }else if(this.getAttribute('lay-id')==4){
452 $("body,html").animate({ scrollTop: $(".qita").offset().top });
453 $(".online_business h2").removeClass('titleActive')
454 $(".qita .online_business h2").addClass('titleActive')
455 }else {
456 $("body,html").animate({ scrollTop: 0 });
457 }
458 });
459 });
460 layui.use('util', function () {
461 var util = layui.util;
462 //执行
463 util.fixbar({
464 bar1: true,
465 bar2: true,
466 top:true
467 , click: function (type) {
468 console.log(type);
469 if (type === 'bar1') {
470 alert('点击了bar1')
471 }
472 }
473 });
474 });
475 </script>
......