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.
39 lines
1.7 KiB
39 lines
1.7 KiB
<div class="m-swiper-tab-box">
|
|
<div class=" m-swiper-tab swiper-container">
|
|
<ul class="m-evaluation-tab swiper-wrapper">
|
|
<li class="swiper-slide {if $typeid==0}active{/if}"><a href="{userurl($username, 'file='.$file, $domain)}">全部分类</a></li>
|
|
{loop $_TP[0] $v0}
|
|
<li class="swiper-slide {if $typeid==$v0[typeid]}active{/if}"><a href="{userurl($username, 'file='.$file.'&typeid='.$v0['typeid'], $domain)}">{$v0[typename]}</a></li>
|
|
{/loop}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<link rel="stylesheet" type="text/css" href="{$HSPATH}js/swiper.css" charset="utf-8">
|
|
<script type="text/javascript" src="{$HSPATH}js/swiper.min.js" charset="utf-8"></script>
|
|
<script type="text/javascript">
|
|
// class list nav 轮播
|
|
var mclassnav = new Swiper('.m-class-list-swiper', {
|
|
slidesPerView: 'auto',
|
|
paginationClickable: true,
|
|
//spaceBetween: 0,
|
|
grabCursor: true
|
|
});
|
|
// m-swiper-tab 轮播
|
|
var mswipertab = new Swiper('.m-swiper-tab', {
|
|
slidesPerView: 'auto',
|
|
paginationClickable: true,
|
|
//spaceBetween: 10,
|
|
grabCursor: true
|
|
});
|
|
|
|
var _curTab = $(".m-swiper-tab.swiper-container .swiper-slide.active"),
|
|
screenW = window.screen.width;
|
|
if (_curTab && _curTab.length > 0) {
|
|
var _curIdx = _curTab.index(),
|
|
_thisItemLeft = _curTab.offset().left,
|
|
_thisItemW = _curTab.outerWidth(),
|
|
_diff = _curIdx > 1 ? screenW / 2 - _thisItemLeft - _thisItemW / 2 + 'px' : '0px';
|
|
$(".m-evaluation-tab.swiper-wrapper").css({ "transform": 'translate3d(' + _diff + ', 0px, 0px)', "transition": 'transform 0.5s linear' });
|
|
}
|
|
|
|
</script>
|