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 136 additions and 62 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>
...@@ -73,16 +72,15 @@ ...@@ -73,16 +72,15 @@
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> 82 </ul>
85 <div class="layui-tab-content" style="padding:0"> 83 <div class="layui-tab-content tudi" style="padding:0">
86 <div class="online_business"> 84 <div class="online_business">
87 <h2>土地</h2> 85 <h2>土地</h2>
88 </div> 86 </div>
...@@ -90,55 +88,63 @@ ...@@ -90,55 +88,63 @@
90 <li> 88 <li>
91 <a href=""> 89 <a href="">
92 <span>土地转移登记</span> 90 <span>土地转移登记</span>
93 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 91 <button type="button"
92 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
94 </a> 93 </a>
95 </li> 94 </li>
96 <li> 95 <li>
97 <a href=""> 96 <a href="">
98 <span>土地转移登记</span> 97 <span>土地转移登记</span>
99 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 98 <button type="button"
99 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
100 </a> 100 </a>
101 </li> 101 </li>
102 <li> 102 <li>
103 <a href=""> 103 <a href="">
104 <span>土地转移登记</span> 104 <span>土地转移登记</span>
105 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 105 <button type="button"
106 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
106 </a> 107 </a>
107 </li> 108 </li>
108 <li> 109 <li>
109 <a href=""> 110 <a href="">
110 <span>土地转移登记</span> 111 <span>土地转移登记</span>
111 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 112 <button type="button"
113 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
112 </a> 114 </a>
113 </li> 115 </li>
114 <li> 116 <li>
115 <a href=""> 117 <a href="">
116 <span>土地转移登记</span> 118 <span>土地转移登记</span>
117 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 119 <button type="button"
120 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
118 </a> 121 </a>
119 </li> 122 </li>
120 <li> 123 <li>
121 <a href=""> 124 <a href="">
122 <span>土地转移登记</span> 125 <span>土地转移登记</span>
123 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 126 <button type="button"
127 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
124 </a> 128 </a>
125 </li> 129 </li>
126 <li> 130 <li>
127 <a href=""> 131 <a href="">
128 <span>土地转移登记</span> 132 <span>土地转移登记</span>
129 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 133 <button type="button"
134 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
130 </a> 135 </a>
131 </li> 136 </li>
132 <li> 137 <li>
133 <a href=""> 138 <a href="">
134 <span>土地转移登记</span> 139 <span>土地转移登记</span>
135 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 140 <button type="button"
141 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
136 </a> 142 </a>
137 </li> 143 </li>
138 </ul> 144 </ul>
139 </div> 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>
144 </div> 150 </div>
...@@ -146,55 +152,63 @@ ...@@ -146,55 +152,63 @@
146 <li> 152 <li>
147 <a href=""> 153 <a href="">
148 <span>土地转移登记</span> 154 <span>土地转移登记</span>
149 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 155 <button type="button"
156 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
150 </a> 157 </a>
151 </li> 158 </li>
152 <li> 159 <li>
153 <a href=""> 160 <a href="">
154 <span>土地转移登记</span> 161 <span>土地转移登记</span>
155 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 162 <button type="button"
163 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
156 </a> 164 </a>
157 </li> 165 </li>
158 <li> 166 <li>
159 <a href=""> 167 <a href="">
160 <span>土地转移登记</span> 168 <span>土地转移登记</span>
161 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 169 <button type="button"
170 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
162 </a> 171 </a>
163 </li> 172 </li>
164 <li> 173 <li>
165 <a href=""> 174 <a href="">
166 <span>土地转移登记</span> 175 <span>土地转移登记</span>
167 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 176 <button type="button"
177 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
168 </a> 178 </a>
169 </li> 179 </li>
170 <li> 180 <li>
171 <a href=""> 181 <a href="">
172 <span>土地转移登记</span> 182 <span>土地转移登记</span>
173 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 183 <button type="button"
184 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
174 </a> 185 </a>
175 </li> 186 </li>
176 <li> 187 <li>
177 <a href=""> 188 <a href="">
178 <span>土地转移登记</span> 189 <span>土地转移登记</span>
179 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 190 <button type="button"
191 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
180 </a> 192 </a>
181 </li> 193 </li>
182 <li> 194 <li>
183 <a href=""> 195 <a href="">
184 <span>土地转移登记</span> 196 <span>土地转移登记</span>
185 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 197 <button type="button"
198 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
186 </a> 199 </a>
187 </li> 200 </li>
188 <li> 201 <li>
189 <a href=""> 202 <a href="">
190 <span>土地转移登记</span> 203 <span>土地转移登记</span>
191 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 204 <button type="button"
205 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
192 </a> 206 </a>
193 </li> 207 </li>
194 </ul> 208 </ul>
195 </div> 209 </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>
200 </div> 214 </div>
...@@ -202,55 +216,63 @@ ...@@ -202,55 +216,63 @@
202 <li> 216 <li>
203 <a href=""> 217 <a href="">
204 <span>土地转移登记</span> 218 <span>土地转移登记</span>
205 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 219 <button type="button"
220 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
206 </a> 221 </a>
207 </li> 222 </li>
208 <li> 223 <li>
209 <a href=""> 224 <a href="">
210 <span>土地转移登记</span> 225 <span>土地转移登记</span>
211 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 226 <button type="button"
227 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
212 </a> 228 </a>
213 </li> 229 </li>
214 <li> 230 <li>
215 <a href=""> 231 <a href="">
216 <span>土地转移登记</span> 232 <span>土地转移登记</span>
217 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 233 <button type="button"
234 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
218 </a> 235 </a>
219 </li> 236 </li>
220 <li> 237 <li>
221 <a href=""> 238 <a href="">
222 <span>土地转移登记</span> 239 <span>土地转移登记</span>
223 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 240 <button type="button"
241 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
224 </a> 242 </a>
225 </li> 243 </li>
226 <li> 244 <li>
227 <a href=""> 245 <a href="">
228 <span>土地转移登记</span> 246 <span>土地转移登记</span>
229 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 247 <button type="button"
248 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
230 </a> 249 </a>
231 </li> 250 </li>
232 <li> 251 <li>
233 <a href=""> 252 <a href="">
234 <span>土地转移登记</span> 253 <span>土地转移登记</span>
235 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 254 <button type="button"
255 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
236 </a> 256 </a>
237 </li> 257 </li>
238 <li> 258 <li>
239 <a href=""> 259 <a href="">
240 <span>土地转移登记</span> 260 <span>土地转移登记</span>
241 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 261 <button type="button"
262 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
242 </a> 263 </a>
243 </li> 264 </li>
244 <li> 265 <li>
245 <a href=""> 266 <a href="">
246 <span>土地转移登记</span> 267 <span>土地转移登记</span>
247 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 268 <button type="button"
269 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
248 </a> 270 </a>
249 </li> 271 </li>
250 </ul> 272 </ul>
251 </div> 273 </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>
256 </div> 278 </div>
...@@ -258,49 +280,57 @@ ...@@ -258,49 +280,57 @@
258 <li> 280 <li>
259 <a href=""> 281 <a href="">
260 <span>土地转移登记</span> 282 <span>土地转移登记</span>
261 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 283 <button type="button"
284 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
262 </a> 285 </a>
263 </li> 286 </li>
264 <li> 287 <li>
265 <a href=""> 288 <a href="">
266 <span>土地转移登记</span> 289 <span>土地转移登记</span>
267 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 290 <button type="button"
291 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
268 </a> 292 </a>
269 </li> 293 </li>
270 <li> 294 <li>
271 <a href=""> 295 <a href="">
272 <span>土地转移登记</span> 296 <span>土地转移登记</span>
273 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 297 <button type="button"
298 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
274 </a> 299 </a>
275 </li> 300 </li>
276 <li> 301 <li>
277 <a href=""> 302 <a href="">
278 <span>土地转移登记</span> 303 <span>土地转移登记</span>
279 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 304 <button type="button"
305 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
280 </a> 306 </a>
281 </li> 307 </li>
282 <li> 308 <li>
283 <a href=""> 309 <a href="">
284 <span>土地转移登记</span> 310 <span>土地转移登记</span>
285 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 311 <button type="button"
312 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
286 </a> 313 </a>
287 </li> 314 </li>
288 <li> 315 <li>
289 <a href=""> 316 <a href="">
290 <span>土地转移登记</span> 317 <span>土地转移登记</span>
291 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 318 <button type="button"
319 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
292 </a> 320 </a>
293 </li> 321 </li>
294 <li> 322 <li>
295 <a href=""> 323 <a href="">
296 <span>土地转移登记</span> 324 <span>土地转移登记</span>
297 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 325 <button type="button"
326 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
298 </a> 327 </a>
299 </li> 328 </li>
300 <li> 329 <li>
301 <a href=""> 330 <a href="">
302 <span>土地转移登记</span> 331 <span>土地转移登记</span>
303 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 332 <button type="button"
333 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
304 </a> 334 </a>
305 </li> 335 </li>
306 </ul> 336 </ul>
...@@ -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 });
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 });
405 </script> 475 </script>
......