Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
4fc33698 by 任超
Options

style：办事指南

1 parent 03aa0597
Inline Side-by-side
Showing 2 changed files with 221 additions and 2 deletions
...@@ -137,7 +137,7 @@ div.navigation { ...@@ -137,7 +137,7 @@ div.navigation {
137 margin: 0; 137 margin: 0;
138 } 138 }
139 .one_content .layui-tab-title li { 139 .one_content .layui-tab-title li {
140 width: 100px; 140 width: 150px;
141 font-weight: 600; 141 font-weight: 600;
142 color: #6D7278; 142 color: #6D7278;
143 } 143 }
......
...@@ -339,7 +339,207 @@ ...@@ -339,7 +339,207 @@
339 </div> 339 </div>
340 340
341 </div> 341 </div>
342 <div class="layui-tab-item">内容2</div> 342 <div class="layui-tab-item">
343 <div class="layui-tab layui-tab-brief" lay-filter="navtab1">
344 <ul class="layui-tab-title">
345 <li class="layui-this" lay-id="0">全部</li>
346 <li lay-id="1">土地1</li>
347 <li lay-id="2">房屋等建筑1</li>
348 <li lay-id="3">构筑物1</li>
349 </ul>
350 <div class="layui-tab-content tudi1" style="padding:0">
351 <div class="online_business navtab1">
352 <h2>土地</h2>
353 </div>
354 <ul class="online_list">
355 <li>
356 <a href="">
357 <span>土地转移登记</span>
358 <button type="button"
359 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
360 </a>
361 </li>
362 <li>
363 <a href="">
364 <span>土地转移登记</span>
365 <button type="button"
366 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
367 </a>
368 </li>
369 <li>
370 <a href="">
371 <span>土地转移登记</span>
372 <button type="button"
373 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
374 </a>
375 </li>
376 <li>
377 <a href="">
378 <span>土地转移登记</span>
379 <button type="button"
380 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
381 </a>
382 </li>
383 <li>
384 <a href="">
385 <span>土地转移登记</span>
386 <button type="button"
387 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
388 </a>
389 </li>
390 <li>
391 <a href="">
392 <span>土地转移登记</span>
393 <button type="button"
394 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
395 </a>
396 </li>
397 <li>
398 <a href="">
399 <span>土地转移登记</span>
400 <button type="button"
401 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
402 </a>
403 </li>
404 <li>
405 <a href="">
406 <span>土地转移登记</span>
407 <button type="button"
408 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
409 </a>
410 </li>
411 </ul>
412 </div>
413
414 <div class="layui-tab-content jianzhu1" style="padding:0">
415 <div class="online_business navtab1">
416 <h2>房屋等建筑</h2>
417 </div>
418 <ul class="online_list">
419 <li>
420 <a href="">
421 <span>土地转移登记</span>
422 <button type="button"
423 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
424 </a>
425 </li>
426 <li>
427 <a href="">
428 <span>土地转移登记</span>
429 <button type="button"
430 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
431 </a>
432 </li>
433 <li>
434 <a href="">
435 <span>土地转移登记</span>
436 <button type="button"
437 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
438 </a>
439 </li>
440 <li>
441 <a href="">
442 <span>土地转移登记</span>
443 <button type="button"
444 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
445 </a>
446 </li>
447 <li>
448 <a href="">
449 <span>土地转移登记</span>
450 <button type="button"
451 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
452 </a>
453 </li>
454 <li>
455 <a href="">
456 <span>土地转移登记</span>
457 <button type="button"
458 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
459 </a>
460 </li>
461 <li>
462 <a href="">
463 <span>土地转移登记</span>
464 <button type="button"
465 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
466 </a>
467 </li>
468 <li>
469 <a href="">
470 <span>土地转移登记</span>
471 <button type="button"
472 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
473 </a>
474 </li>
475 </ul>
476 </div>
477
478 <div class="layui-tab-content linmu1" style="padding:0">
479 <div class="online_business navtab1">
480 <h2>构筑物</h2>
481 </div>
482 <ul class="online_list">
483 <li>
484 <a href="">
485 <span>土地转移登记</span>
486 <button type="button"
487 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
488 </a>
489 </li>
490 <li>
491 <a href="">
492 <span>土地转移登记</span>
493 <button type="button"
494 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
495 </a>
496 </li>
497 <li>
498 <a href="">
499 <span>土地转移登记</span>
500 <button type="button"
501 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
502 </a>
503 </li>
504 <li>
505 <a href="">
506 <span>土地转移登记</span>
507 <button type="button"
508 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
509 </a>
510 </li>
511 <li>
512 <a href="">
513 <span>土地转移登记</span>
514 <button type="button"
515 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
516 </a>
517 </li>
518 <li>
519 <a href="">
520 <span>土地转移登记</span>
521 <button type="button"
522 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
523 </a>
524 </li>
525 <li>
526 <a href="">
527 <span>土地转移登记</span>
528 <button type="button"
529 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
530 </a>
531 </li>
532 <li>
533 <a href="">
534 <span>土地转移登记</span>
535 <button type="button"
536 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
537 </a>
538 </li>
539 </ul>
540 </div>
541 </div>
542 </div>
343 </div> 543 </div>
344 </div> 544 </div>
345 </div> 545 </div>
...@@ -455,6 +655,25 @@ ...@@ -455,6 +655,25 @@
455 $(".qita .online_business h2").addClass('titleActive') 655 $(".qita .online_business h2").addClass('titleActive')
456 }else { 656 }else {
457 $("body,html").animate({ scrollTop: 0 }); 657 $("body,html").animate({ scrollTop: 0 });
658 $(".online_business h2").removeClass('titleActive')
659 }
660 });
661 element.on('tab(navtab1)', function () {
662 if(this.getAttribute('lay-id')==1){
663 $("body,html").animate({ scrollTop: $(".tudi1").offset().top });
664 $(".navtab1 h2").removeClass('titleActive')
665 $(".tudi1 .navtab1 h2").addClass('titleActive')
666 }else if(this.getAttribute('lay-id')==2){
667 $("body,html").animate({ scrollTop: $(".jianzhu1").offset().top });
668 $(".navtab1 h2").removeClass('titleActive')
669 $(".jianzhu1 .navtab1 h2").addClass('titleActive')
670 }else if(this.getAttribute('lay-id')==3){
671 $("body,html").animate({ scrollTop: $(".linmu1").offset().top });
672 $(".navtab1 h2").removeClass('titleActive')
673 $(".linmu1 .navtab1 h2").addClass('titleActive')
674 }else {
675 $("body,html").animate({ scrollTop: 0 });
676 $(".navtab1 h2").removeClass('titleActive')
458 } 677 }
459 }); 678 });
460 }); 679 });
......