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.
142 lines
5.0 KiB
142 lines
5.0 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/jishu.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- header -->
|
|
{include file="components/header"}
|
|
<!-- banner -->
|
|
<div class="listBanner">
|
|
{hcTaglib:category id="199" item="vo" field="*"}
|
|
<img src="{$vo['banner']['url']|default=''}" alt="">
|
|
<div class="center">
|
|
<div class="tit">{$vo.title}</div>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<!-- 正文 -->
|
|
<div class="jishuBlock" id="block1">
|
|
<div class="title3">
|
|
{hcTaglib:category id="200" item="vo" field="*"}
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<div class="w1400">
|
|
{hcTaglib:content cid="200" moduleId='1' mainField="*" subField="*" name="case_top" item="vo"}
|
|
<div class="list">
|
|
<img src="{$vo['thumbnail']['url']|default=''}" alt="">
|
|
<div class="border"></div>
|
|
<div class="text">{$vo.title}</div>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
<div class="jishuBlock2" id="block2">
|
|
<div class="title3">
|
|
{hcTaglib:category id="201" item="vo" field="*"}
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<div class="content">
|
|
<div class="swiper mySwiper">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:content cid="201" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"}
|
|
<div class="swiper-slide">
|
|
<div class="list">
|
|
<img src="{$vo['cover']['url']|default=''}" alt="">
|
|
<div class="tit">
|
|
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div>
|
|
<p>{$vo.title}</p>
|
|
</div>
|
|
<div class="posi">
|
|
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div>
|
|
<div class="tit">{$vo.title}</div>
|
|
<span></span>
|
|
<div class="tips">{$vo.description}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="jishuBlock3" id="block3">
|
|
<div class="title3">
|
|
{hcTaglib:category id="202" item="vo" field="*"}
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<div class="content">
|
|
<div class="left">
|
|
{hcTaglib:content cid="202" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"}
|
|
<div class="list">
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.description}</div>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
<div class="right">
|
|
{hcTaglib:category id="202" item="vo" field="*"}
|
|
<img src="{$vo['thumbnail']['url']|default=''}" alt="">
|
|
{/hcTaglib:category}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer -->
|
|
{include file="components/footer"}
|
|
<!-- 当前页 -->
|
|
<script src="/themes/static/js/swiper-bundle.min.js"></script>
|
|
<script>
|
|
var swiper = new Swiper(".mySwiper", {
|
|
slidesPerView: 1,
|
|
spaceBetween: 20,
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
},
|
|
breakpoints:{
|
|
750:{
|
|
slidesPerView: 2,
|
|
spaceBetween: 30
|
|
},
|
|
1280:{
|
|
slidesPerView: 3,
|
|
spaceBetween: 40
|
|
},
|
|
1560:{
|
|
slidesPerView: 5,
|
|
spaceBetween: 0
|
|
}
|
|
}
|
|
});
|
|
|
|
$('.jishuBlock2 .content .list').hover(function(){
|
|
if($(window).width() > 996 ){
|
|
$(this).addClass('on')
|
|
return
|
|
}
|
|
},function(){
|
|
if($(window).width() > 996 ){
|
|
$(this).removeClass('on')
|
|
return
|
|
}
|
|
|
|
})
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|