You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
117 lines
4.6 KiB
117 lines
4.6 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!-- 通用 -->
|
|
{include file="common/head" /}
|
|
<!-- 当前 -->
|
|
<link rel="stylesheet" href="__TMPL__/static/scss/open_account.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- header start -->
|
|
{include file="common/header" /}
|
|
<!-- header end -->
|
|
<!-- banner start -->
|
|
<div class="bannerList">
|
|
<div class="img"><img src="__TMPL__/static/images/open_account/reservationBanner.jpg" alt=""></div>
|
|
<div class="w1280">
|
|
<div class="bannerTitle">开户服务</div>
|
|
</div>
|
|
</div>
|
|
<!-- banner end -->
|
|
<div class="pageListNav">
|
|
<div class="w1280">
|
|
{hcTaglib:subcategory pid="8" item="vo" field="id,title" sort="sort asc"}
|
|
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a>
|
|
{/hcTaglib:subcategory}
|
|
</div>
|
|
</div>
|
|
<div class="guideBlock">
|
|
<div class="w1280">
|
|
<div class="left">
|
|
{hcTaglib:content cid="$current_cate['id']" moduleId="1" name="hc_content" mainField="id,title,description,thumbnail" sort="sort asc"}
|
|
<a href="javascript:;" class="list {$key == 1 ? 'on':''}">{$vo.title}<img src="__TMPL__/static/images/open_account/right.png" alt=""></a>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
<div class="right">
|
|
{hcTaglib:content cid="$current_cate['id']" moduleId="1" name="hc_content" mainField="id,title,content,sub_title" sort="sort asc"}
|
|
<div class="cont">
|
|
<div class="openAccountTit"><p>{$vo.sub_title}</p></div>
|
|
<div class="content">
|
|
{$vo.content|raw}
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer start-->
|
|
{include file="common/footer" /}
|
|
<!-- footer end -->
|
|
<!-- 通用 -->
|
|
{include file="common/foot" /}
|
|
<!-- 当前 -->
|
|
<script src="__TMPL__/static/js/layui.js"></script>
|
|
<script>
|
|
$('.guideBlock .w1280 .left .list').eq(0).addClass('on')
|
|
$('.guideBlock .w1280 .right .cont').eq(0).css('display','block')
|
|
$('.guideBlock .w1280 .left .list').click(function(){
|
|
$(this).siblings().removeClass('on')
|
|
$(this).addClass('on')
|
|
$('.guideBlock .w1280 .right .cont').css('display','none')
|
|
$('.guideBlock .w1280 .right .cont').eq($(this).index()).stop().fadeIn()
|
|
})
|
|
// 跟屏滚动
|
|
// let leftBlock = $('.guideBlock .w1280 .left').offset().top
|
|
// let winScroll = $(window).scrollTop() - 80
|
|
// let offsetLeft = $('.guideBlock .w1280').offset().left
|
|
// let footerOffset = $('.footer').offset().top
|
|
|
|
// $(window).scroll(function(){
|
|
// winScroll = $(window).scrollTop() + 80
|
|
// offsetLeft = $('.guideBlock .w1280').offset().left
|
|
// if($(window).width() > 1080){
|
|
// if(winScroll > footerOffset - $('.footer').height()){
|
|
// $('.guideBlock .w1280 .left').css({
|
|
// 'position':'absolute',
|
|
// 'bottom':'0',
|
|
// 'left':'0',
|
|
// 'top':'auto'
|
|
// })
|
|
// return
|
|
// }else
|
|
// if(winScroll > leftBlock){
|
|
// if($('.guideBlock .w1280 .right').height() < 500){
|
|
// return
|
|
// }
|
|
// $('.guideBlock .w1280 .left').css({
|
|
// 'position':'fixed',
|
|
// 'left': offsetLeft,
|
|
// 'top': '80px'
|
|
// })
|
|
// return
|
|
// } else{
|
|
// $('.guideBlock .w1280 .left').css({
|
|
// 'position':'initial'
|
|
// })
|
|
// }
|
|
// }else{
|
|
// $('.guideBlock .w1280 .left').css({
|
|
// 'position':'initial'
|
|
// })
|
|
// }
|
|
// })
|
|
// $(window).resize(function(){
|
|
// let leftBlock = $('.guideBlock .w1280 .left').offset().top
|
|
// let winScroll = $(window).scrollTop() - 80
|
|
// let offsetLeft = $('.w1280').offset().left
|
|
// let footerOffset = $('.footer').offset().top
|
|
// })
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|