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.
268 lines
12 KiB
268 lines
12 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="components/currency"}
|
|
<!-- 当前页 -->
|
|
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css">
|
|
<link rel="stylesheet" href="/themes/static/scss/jiejue.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- header -->
|
|
{include file="components/header"}
|
|
<!-- banner -->
|
|
<div class="listBanner">
|
|
{hcTaglib:category id="$current_cate['id']" item="vo" field="*"}
|
|
<img src="{$vo['banner']['url']|default=''}" alt="">
|
|
<div class="center">
|
|
<div class="tit">{$vo.title}</div>
|
|
<div class="tips">{$vo.description}</div>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<!-- 正文 -->
|
|
<div class="jiejueBlock">
|
|
{hcTaglib:category id="168" item="vo" field="*"}
|
|
<div class="title2">
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
<div class="w1400">
|
|
<div class="contList">
|
|
{hcTaglib:content cid="168" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"}
|
|
<div class="list">
|
|
<div class="tit">{$vo.title}</div>
|
|
<span></span>
|
|
<div class="tips">{$vo.description}</div>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
<div class="bottom">
|
|
{hcTaglib:content cid="169" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"}
|
|
<div class="list">
|
|
<div class="img"><img src="{$vo['cover']['url']|default=''}" alt=""></div>
|
|
<div class="posi">
|
|
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div>
|
|
<div class="tit">{$vo.title}</div>
|
|
<div class="tips">{$vo.description}</div>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="jiejueBlock2">
|
|
{hcTaglib:category id="170" item="vo" field="*"}
|
|
<div class="title2">
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
<div class="w1400">
|
|
<div class="tab">
|
|
{hcTaglib:subcategory pid="170" item="vo" field="*"}
|
|
<a href="javascript:;"><img src="{$vo['thumbnail']['url']|default=''}" alt="">{$vo.title}</a>
|
|
{/hcTaglib:subcategory}
|
|
</div>
|
|
<div class="content">
|
|
{hcTaglib:subcategory pid="170" item="vo" field="*"}
|
|
<div class="cont">
|
|
<div class="list">
|
|
<div class="swiper jiejueBlock2Swiper">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:content cid="$vo.id" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo"}
|
|
<div class="swiper-slide">
|
|
<div class="swiper jiejueBlock2Swiper2">
|
|
<div class="swiper-wrapper">
|
|
{volist name="$vvo.main_content.atlas" id="vv" }
|
|
<div class="swiper-slide"><img src="{$vv.url}" alt="" srcset=""></div>
|
|
{/volist}
|
|
</div>
|
|
<div class="hoverLeft">
|
|
<div class="swiper-button-prev"><img src="/themes/static/images/left3.png" alt=""></div>
|
|
</div>
|
|
<div class="hoverRight">
|
|
<div class="swiper-button-next"><img src="/themes/static/images/right3.png" alt=""></div>
|
|
</div>
|
|
</div>
|
|
<div class="tit">
|
|
{$vvo.title}
|
|
</div>
|
|
<div class="tips">
|
|
{$vvo.description}
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
<div class="menuBox">
|
|
<div class="swiper-button-prev"><img src="/themes/static/images/left5.png" alt=""></div>
|
|
<div class="swiper-button-next"><img src="/themes/static/images/right5.png" alt=""></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:subcategory}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="jiejueBlock3">
|
|
{hcTaglib:category id="170" item="vo" field="*"}
|
|
<div class="title2">
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
<div class="w1400">
|
|
<div class="left">
|
|
{hcTaglib:subcategory pid="172" item="vo" field="*"}
|
|
<a href="javascript:;">
|
|
{$vo.title}<img src="/themes/static/images/right3.png" alt="">
|
|
<div class="noneBg"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div>
|
|
</a>
|
|
{/hcTaglib:subcategory}
|
|
|
|
</div>
|
|
<div class="right">
|
|
{hcTaglib:subcategory pid="172" item="vo" field="*"}
|
|
<div class="list">
|
|
<div class="swiper jiejueBlock3Parent">
|
|
<div class="ParentMenu">
|
|
<div class="swiper-button-prev"><img src="/themes/static/images/left5.png" alt=""></div>
|
|
<div class="swiper-button-next"><img src="/themes/static/images/right5.png" alt=""></div>
|
|
</div>
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:content cid="$vo.id" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo"}
|
|
<div class="swiper-slide">
|
|
<div class="tit">{$vvo.title}</div>
|
|
<div class="tips">
|
|
{$vvo.description}
|
|
</div>
|
|
<div class="swiper jiejueBlock3child">
|
|
<div class="swiper-wrapper">
|
|
{volist name="$vvo.main_content.atlas" id="vo" }
|
|
<div class="swiper-slide">
|
|
<img src="{$vo.url}" alt="{$vo.description}" srcset="">
|
|
</div>
|
|
{/volist}
|
|
</div>
|
|
<div class="hoverLeft">
|
|
<div class="swiper-button-prev"><img src="/themes/static/images/left3.png" alt=""></div>
|
|
</div>
|
|
<div class="hoverRight">
|
|
<div class="swiper-button-next"><img src="/themes/static/images/right3.png" alt=""></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:subcategory}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer -->
|
|
{include file="components/footer"}
|
|
<!-- 当前页 -->
|
|
<script src="/themes/static/js/swiper-bundle.min.js"></script>
|
|
<script>
|
|
if($(window).width() > 996 ){
|
|
$('.jiejueBlock .w1400 .bottom .list').eq(0).addClass('on')
|
|
}
|
|
$(window).resize(function(){
|
|
if($(window).width() > 996 ){
|
|
$('.jiejueBlock .w1400 .bottom .list').removeClass('on')
|
|
}
|
|
})
|
|
$('.jiejueBlock .w1400 .bottom .list').hover(function(){
|
|
if($(window).width() > 996 ){
|
|
$(this).addClass('on')
|
|
$(this).siblings('').removeClass('on')
|
|
}
|
|
})
|
|
var swiper = new Swiper(".jiejueBlock2Swiper", {
|
|
slidesPerView: 1,
|
|
spaceBetween: 20,
|
|
navigation: {
|
|
nextEl: ".jiejueBlock2Swiper .menuBox .swiper-button-next",
|
|
prevEl: ".jiejueBlock2Swiper .menuBox .swiper-button-prev",
|
|
},
|
|
breakpoints:{
|
|
996:{
|
|
slidesPerView: 1,
|
|
spaceBetween: 30,
|
|
}
|
|
}
|
|
});
|
|
var swiper = new Swiper(".jiejueBlock2Swiper2", {
|
|
slidesPerView: 1,
|
|
spaceBetween: 20,
|
|
navigation: {
|
|
nextEl: ".jiejueBlock2Swiper2 .swiper-button-next",
|
|
prevEl: ".jiejueBlock2Swiper2 .swiper-button-prev",
|
|
},
|
|
breakpoints:{
|
|
996:{
|
|
slidesPerView: 2,
|
|
spaceBetween: 30,
|
|
}
|
|
}
|
|
});
|
|
// tab切换
|
|
let tabOn
|
|
$('.jiejueBlock2 .w1400 .content .cont .list').eq(0).fadeIn()
|
|
$('.jiejueBlock2 .w1400 .tab a').eq(0).addClass('on')
|
|
$('.jiejueBlock2 .w1400 .tab a').click(function(){
|
|
$(this).addClass('on')
|
|
$(this).siblings().removeClass('on')
|
|
let thisClick = $(this).index()
|
|
$('.jiejueBlock2 .w1400 .content .cont .list').css('display','none')
|
|
$('.jiejueBlock2 .w1400 .content .cont .list').eq(thisClick).fadeIn()
|
|
})
|
|
|
|
// 智能系统经验
|
|
$('.jiejueBlock3 .w1400 .left a').eq(0).addClass('on')
|
|
$('.jiejueBlock3 .w1400 .left a').eq(0).children('.noneBg').fadeIn()
|
|
$('.jiejueBlock3 .w1400 .right .list').eq(0).fadeIn()
|
|
$('.jiejueBlock3 .w1400 .left a').click(function(){
|
|
let block3Click = $(this).index()
|
|
$(this).addClass('on')
|
|
$(this).siblings().removeClass('on')
|
|
$(this).children('.noneBg').stop().fadeIn()
|
|
$(this).siblings().children('.noneBg').stop().fadeOut()
|
|
$('.jiejueBlock3 .w1400 .right .list').css('display','none')
|
|
$('.jiejueBlock3 .w1400 .right .list').eq(block3Click).stop().fadeIn()
|
|
})
|
|
var swiper = new Swiper(".jiejueBlock3Parent", {
|
|
navigation: {
|
|
nextEl: ".jiejueBlock3Parent .ParentMenu > .swiper-button-next",
|
|
prevEl: ".jiejueBlock3Parent .ParentMenu > .swiper-button-prev",
|
|
},
|
|
});
|
|
var swiper = new Swiper(".jiejueBlock3child", {
|
|
slidesPerView: 1,
|
|
spaceBetween: 20,
|
|
navigation: {
|
|
nextEl: ".jiejueBlock3child .swiper-button-next",
|
|
prevEl: ".jiejueBlock3child .swiper-button-prev",
|
|
},
|
|
breakpoints:{
|
|
750:{
|
|
slidesPerView: 2,
|
|
spaceBetween: 20,
|
|
},
|
|
996:{
|
|
slidesPerView: 2,
|
|
spaceBetween: 43,
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|