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.
158 lines
6.8 KiB
158 lines
6.8 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客户遍布全国，落地房间数目超过5000+个，遍布一二三线城市，为多家超五星酒店和地产开发商提供智能家居系统解决方案，包括文华东方酒店，四季酒店，丽思卡尔顿酒店，华尔道夫酒店，朗庭酒店，凯悦酒店，洲际酒店等。目标为全球亿万家庭创造智能个性新生活!">
|
|
<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/changjing.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- header -->
|
|
{include file="components/header"}
|
|
<!-- banner -->
|
|
<div class="changjingBanner">
|
|
{hcTaglib:content cid="$current_cate['id']" moduleId='7' mainField="*" subField="*" name="case_top" item="vo"}
|
|
<video src="{$vo.main_content.video.url|default=''}" loop="loop" autoplay="autoplay" muted="muted" poster="{$vo['cover']['url']|default=''}"></video>
|
|
<div class="posi"><img src="{$vo['main_content']['gif']['url']|default=''}" alt=""></div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
<!-- 正文 -->
|
|
<div class="changjingTab">
|
|
<div class="w1400">
|
|
<div class="swiper-button-prev"><img src="/themes/static/images/left4.png" alt=""></div>
|
|
<div class="swiper mySwiper">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:subcategory pid="151" item="vo" sort=""}
|
|
<div class="swiper-slide">
|
|
<a href="{$vo.alias}">{$vo.title}</a>
|
|
</div>
|
|
{/hcTaglib:subcategory}
|
|
</div>
|
|
</div>
|
|
<div class="swiper-button-next"><img src="/themes/static/images/right4.png" alt=""></div>
|
|
</div>
|
|
</div>
|
|
<div class="changjingBlock">
|
|
<div class="w1400">
|
|
{hcTaglib:content cid="$current_cate['id']" moduleId='7' mainField="*" subField="*" name="case_top" item="vo"}
|
|
<div class="tit">
|
|
<p>{$vo.sub_title}</p>
|
|
<div class="tips">{$vo.main_content.intro}</div>
|
|
</div>
|
|
<div class="changjingBlock2">
|
|
<div class="swiper changjingBlock2Swiper">
|
|
<div class="swiper-wrapper">
|
|
{volist name="$vo.main_content.ico_two" id="vvo" }
|
|
<div class="swiper-slide">
|
|
<div class="img"><img src="{$vvo.url}" alt=""></div>
|
|
<p>{$vvo.description}</p>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="img"><img src="/themes/static/images/changjingBlock2Img2.png" alt=""></div>
|
|
</div>
|
|
{/volist}
|
|
</div>
|
|
</div>
|
|
<div class="swiper-button-next"><img src="/themes/static/images/right6.png" alt=""></div>
|
|
<div class="swiper-button-prev"><img src="/themes/static/images/left6.png" alt=""></div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="left">
|
|
<img src="{$vo['cover']['url']|default=''}" alt="">
|
|
</div>
|
|
<div class="right">
|
|
<p>
|
|
{$vo.title}<span>{$vo.main_content.time_slot}</span>
|
|
</p>
|
|
<div class="contList">
|
|
<ul>
|
|
{volist name="$vo.main_content.atlas" id="vv" }
|
|
<li>
|
|
<i></i>
|
|
<em></em>
|
|
<span>
|
|
<img src="{$vv.url}" alt="">
|
|
</span>
|
|
<div>{$vv.description}</div>
|
|
</li>
|
|
{/volist}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
<!-- footer -->
|
|
{include file="components/footer"}
|
|
<!-- 当前页 -->
|
|
<script src="/themes/static/js/swiper-bundle.min.js"></script>
|
|
<script>
|
|
var swiper = new Swiper(".mySwiper", {
|
|
spaceBetween: 20,
|
|
slidesPerView: "auto",
|
|
navigation: {
|
|
nextEl: ".changjingTab .w1400 .swiper-button-next",
|
|
prevEl: ".changjingTab .w1400 .swiper-button-prev",
|
|
},
|
|
breakpoints:{
|
|
640:{
|
|
spaceBetween: 40,
|
|
},
|
|
1200:{
|
|
spaceBetween: 100,
|
|
}
|
|
}
|
|
});
|
|
$('.changjingTab .w1400 .mySwiper .swiper-wrapper .swiper-slide a').each(function(){
|
|
if(window.location.pathname == $(this).attr('href')){
|
|
$(this).parent().addClass('on')
|
|
}else if(window.location.pathname == $(this).attr('href') + '.html'){
|
|
$(this).parent().addClass('on')
|
|
}
|
|
})
|
|
var swiper2 = new Swiper(".changjingBlock2Swiper", {
|
|
slidesPerView:3,
|
|
slidesPerGroup: 2,
|
|
spaceBetween: 0,
|
|
navigation: {
|
|
nextEl: ".changjingBlock2 .swiper-button-next",
|
|
prevEl: ".changjingBlock2 .swiper-button-prev",
|
|
},
|
|
breakpoints:{
|
|
750:{
|
|
slidesPerView: 5,
|
|
},
|
|
996:{
|
|
slidesPerView: 7,
|
|
},
|
|
1280:{
|
|
slidesPerView: 9,
|
|
},
|
|
1366:{
|
|
slidesPerView: 11,
|
|
}
|
|
}
|
|
});
|
|
let changjingSwiper2 = $('.changjingBlock2Swiper .swiper-wrapper .swiper-slide').length
|
|
swiper2.removeSlide(changjingSwiper2 - 1);
|
|
if($('body').width() > 1366){
|
|
if($('.changjingBlock2Swiper .swiper-wrapper .swiper-slide').length < 11){
|
|
$('.changjingBlock2Swiper .swiper-wrapper').css('justify-content','center')
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|