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 {
margin: 0;
}
.one_content .layui-tab-title li {
width: 100px;
width: 150px;
font-weight: 600;
color: #6D7278;
}
......
......@@ -339,7 +339,207 @@
</div>
</div>
<div class="layui-tab-item">内容2</div>
<div class="layui-tab-item">
<div class="layui-tab layui-tab-brief" lay-filter="navtab1">
<ul class="layui-tab-title">
<li class="layui-this" lay-id="0">全部</li>
<li lay-id="1">土地1</li>
<li lay-id="2">房屋等建筑1</li>
<li lay-id="3">构筑物1</li>
</ul>
<div class="layui-tab-content tudi1" style="padding:0">
<div class="online_business navtab1">
<h2>土地</h2>
</div>
<ul class="online_list">
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div>
<div class="layui-tab-content jianzhu1" style="padding:0">
<div class="online_business navtab1">
<h2>房屋等建筑</h2>
</div>
<ul class="online_list">
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div>
<div class="layui-tab-content linmu1" style="padding:0">
<div class="online_business navtab1">
<h2>构筑物</h2>
</div>
<ul class="online_list">
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
......@@ -455,6 +655,25 @@
$(".qita .online_business h2").addClass('titleActive')
}else {
$("body,html").animate({ scrollTop: 0 });
$(".online_business h2").removeClass('titleActive')
}
});
element.on('tab(navtab1)', function () {
if(this.getAttribute('lay-id')==1){
$("body,html").animate({ scrollTop: $(".tudi1").offset().top });
$(".navtab1 h2").removeClass('titleActive')
$(".tudi1 .navtab1 h2").addClass('titleActive')
}else if(this.getAttribute('lay-id')==2){
$("body,html").animate({ scrollTop: $(".jianzhu1").offset().top });
$(".navtab1 h2").removeClass('titleActive')
$(".jianzhu1 .navtab1 h2").addClass('titleActive')
}else if(this.getAttribute('lay-id')==3){
$("body,html").animate({ scrollTop: $(".linmu1").offset().top });
$(".navtab1 h2").removeClass('titleActive')
$(".linmu1 .navtab1 h2").addClass('titleActive')
}else {
$("body,html").animate({ scrollTop: 0 });
$(".navtab1 h2").removeClass('titleActive')
}
});
});
......