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.
60 lines
2.5 KiB
60 lines
2.5 KiB
{template 'header', $template}
|
|
<style type="text/css">
|
|
body { background:#f3f3f3;}
|
|
.home-head {height:84px;overflow:hidden;{if $background}background:#007AFF url('{$background}') no-repeat;{else}background:#007AFF;{/if}}
|
|
.home-head img {float:left;border:#FFFFFF 2px solid;border-radius:50%;margin:10px 10px 0 10px;}
|
|
.home-head ul {float:left;margin:16px 0 0 0;}
|
|
.home-head li {height:26px;line-height:26px;color:#FFFFFF;}
|
|
.home-head strong {font-size:18px;}
|
|
.gird-4 li {box-sizing: border-box; border:.1rem solid #fff;}
|
|
.gird-4 li:before { content:""; display:inline-block; width:.88rem; height:.88rem; background: linear-gradient(148deg,#ec48a4,#e4007f);position:absolute; top:10%; border-radius:50%;}
|
|
.gird-4 li img { position:relative; filter: grayscale(100%) brightness(300%);}
|
|
.gird-4 li span { position:relative; top:10px;}
|
|
.bd-b, .head-bar, .list-set, .list-img, .list-msg li {
|
|
border-bottom: none
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" type="text/css" href="{$HSPATH}js/swiper.css"/>
|
|
<script src="{$HSPATH}js/swiper.min.js" type="text/javascript"></script>
|
|
<script type="text/javascript">$(function(){var bannerSwiper=new Swiper('.banner-swiper-container',{pagination:'.b-menu ul',paginationClickable:true,autoplay:2500,loop:true,lazyLoading:true})})</script>
|
|
<div class="m-focus">
|
|
<div class="m-focus-box">
|
|
<div class="banner-swiper-container swiper-container-horizontal">
|
|
<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-9600px, 0px, 0px);">
|
|
{if $banner1}<div class="swiper-slide"><li><img src="{$banner1}" width="100%" alt=""/></li></div>{else}<div class="swiper-slide"><li><img src="{$HSPATH}banner/sjbanner1.jpg" width="100%" alt=""/></li></div>{/if}
|
|
|
|
|
|
|
|
|
|
|
|
{if $banner2}<div class="swiper-slide"><li><img src="{$banner2}" width="100%" alt=""/></li></div>{else}<div class="swiper-slide"><li><img src="{$HSPATH}banner/sjbanner2.jpg" width="100%" alt=""/></li></div>{/if}
|
|
|
|
|
|
|
|
|
|
|
|
{if $banner3}<div class="swiper-slide"><li><img src="{$banner3}" width="100%" alt=""/></li></div>{/if}
|
|
{if $banner4}<div class="swiper-slide"><li><img src="{$banner4}" width="100%" alt=""/></li></div>{/if}
|
|
{if $banner5}<div class="swiper-slide"><li><img src="{$banner5}" width="100%" alt=""/></li></div>{/if}
|
|
</div>
|
|
<div class="b-menu">
|
|
<ul class="swiper-pagination-clickable"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="b10"></div>
|
|
|
|
|
|
|
|
|
|
{loop $HMAIN $HM $MAIN}
|
|
{template 'main_'.$main_file[$HM], $template}
|
|
{/loop}
|
|
|
|
{template 'footer', $template}
|