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.
155 lines
6.6 KiB
155 lines
6.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">
|
|
<title>产品中心—智能家居安装—智能家居整体解决方案服务商—宅极慧iHM</title>
|
|
<meta name="description" content="宅极慧iHM是一家专业的智能家居整体解决方案服务商，为多家超五星酒店和地产开发商提供智能家居系统解决方案，严选国内外知名品牌产品，为客户度身定制高体验感的智能系统集成方案。">
|
|
<meta name="keywords" content="智能家居整体解决方案服务商，智能家居安装，全屋智能家居控制系，宅极慧iHM">
|
|
<!-- 通用 -->
|
|
<link rel="stylesheet" href="/themes/static/css/reset.css">
|
|
<link rel="stylesheet" href="/themes/static/css/aos.css">
|
|
<link rel="stylesheet" href="/themes/static/scss/currency.css">
|
|
<!-- 当前页 -->
|
|
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css">
|
|
<link rel="stylesheet" href="/themes/static/scss/chanpin.css">
|
|
</head>
|
|
<body>
|
|
<!-- header -->
|
|
{include file="components/header"}
|
|
<!-- banner -->
|
|
<div class="chanpinBanner">
|
|
{if $current_cate['parent_id'] == 150 }
|
|
<img src="{$current_cate['banner']['url']|default=''}" alt="">
|
|
<div class="w1400">
|
|
<div class="logo">{$current_cate.content|raw}<span>{$current_cate.title}</span></div>
|
|
<div class="tips">
|
|
{$current_cate.description}
|
|
</div>
|
|
</div>
|
|
{else /}
|
|
{hcTaglib:category id="$current_cate['parent_id']" field="id,title,banner,content,description"}
|
|
<img src="{$hc_category['banner']['url']|default=''}" alt="">
|
|
<div class="w1400">
|
|
<div class="logo">{$hc_category.content|raw}<span>{$hc_category.title}</span></div>
|
|
<div class="tips">
|
|
{$hc_category.description}
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
{/if}
|
|
|
|
</div>
|
|
<!-- 正文 -->
|
|
<?php
|
|
if($current_cate['parent_id'] == 150)
|
|
{
|
|
$pid = $current_cate['id'];
|
|
}else{
|
|
$pid = $current_cate['parent_id'];
|
|
}
|
|
?>
|
|
<div class="chanpinTab" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
<div class="w1400">
|
|
<ul>
|
|
<li><a href="{:hcUrl('list/index',['id'=>$pid])}">全部</a></li>
|
|
{hcTaglib:subcategory pid="$pid" item="vo" sort=""}
|
|
<li><a href="{:hcUrl('list/index',['id'=>$vo['id']])}">{$vo.title}</a></li>
|
|
{/hcTaglib:subcategory}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="chanpinTabMob">
|
|
<div class="swiper chanpinTabMobSwiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<a href="{:hcUrl('list/index',['id'=>$pid])}">全部</a>
|
|
</div>
|
|
{hcTaglib:subcategory pid="$pid" item="vo" sort=""}
|
|
<div class="swiper-slide">
|
|
<a href="{:hcUrl('list/index',['id'=>$vo['id']])}">{$vo.title}</a>
|
|
</div>
|
|
{/hcTaglib:subcategory}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="chanpinBlock">
|
|
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
<div class="cont">
|
|
{hcTaglib:contentPage cid="$current_cate['id']" moduleId='6' mainField="*" all="1" subField="*" name="case_top" limit="18" item="vvo"}
|
|
<div class="list">
|
|
<div class="img">
|
|
<img src="{$vvo['thumbnail']['url']}" alt="">
|
|
<div class="posi">
|
|
{$vvo.content|raw}
|
|
<div class="border-top"></div>
|
|
<div class="border-right"></div>
|
|
<div class="border-bottom"></div>
|
|
<div class="border-left"></div>
|
|
</div>
|
|
</div>
|
|
<a href="{$vvo['url']}">
|
|
<div class="tit">{$vvo.title}</div>
|
|
<div class="tips">{$vvo.description}</div>
|
|
</a>
|
|
</div>
|
|
{/hcTaglib:contentPage}
|
|
</div>
|
|
{$case_top|raw}
|
|
</div>
|
|
</div>
|
|
<!-- footer -->
|
|
{include file="components/footer"}
|
|
<!-- 当前页 -->
|
|
<script src="/themes/static/js/swiper-bundle.min.js"></script>
|
|
<script>
|
|
$('.chanpinBlock .w1400 .list').hover(function(){
|
|
if($(window).width() > 996 ){
|
|
console.log(1)
|
|
$(this).children('.img').children('.posi').stop().animate({'opacity':1},400)
|
|
}
|
|
},function(){
|
|
if($(window).width() > 996 ){
|
|
$(this).children('.img').children('.posi').stop().animate({'opacity':0},400)
|
|
}
|
|
})
|
|
$('.chanpinBlock .w1400 .list .img').click(function(){
|
|
if($(this).children('.posi').hasClass('on')){
|
|
$(this).children('.posi').stop().animate({'opacity':0})
|
|
$(this).children('.posi').removeClass('on')
|
|
return
|
|
}
|
|
$(this).children('.posi').stop().animate({'opacity':1})
|
|
$(this).children('.posi').addClass('on')
|
|
})
|
|
var swiper = new Swiper(".chanpinTabMobSwiper", {
|
|
slidesPerView: 3.5,
|
|
});
|
|
let thisUrl = window.location.pathname
|
|
$('.chanpinTabMob .swiper .swiper-wrapper .swiper-slide').each(function(){
|
|
console.log($(this).children('a').attr('href'))
|
|
if($(this).children('a').attr('href') == thisUrl){
|
|
$(this).addClass('on')
|
|
}
|
|
})
|
|
$('.chanpinTab .w1400 ul li a').each(function(){
|
|
if($(this).attr('href') == thisUrl){
|
|
$(this).parent().addClass('on')
|
|
}
|
|
})
|
|
// $('.chanpinTab .w1400 ul li').eq(0).addClass('on')
|
|
// $('.chanpinBlock .w1400 .cont').eq(0).css('display','flex')
|
|
// $('.chanpinTab .w1400 ul li').click(function(){
|
|
// if($(this).hasClass('on')){
|
|
// return
|
|
// }
|
|
// $(this).addClass('on')
|
|
// $(this).siblings().removeClass('on')
|
|
// $('.chanpinBlock .w1400 .cont').css('display','none')
|
|
// $('.chanpinBlock .w1400 .cont').eq($(this).index()).stop().fadeIn()
|
|
// $('.chanpinBlock .w1400 .cont').eq($(this).index()).css('display','flex')
|
|
// })
|
|
</script>
|
|
</body>
|
|
</html>
|