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.
58 lines
2.4 KiB
58 lines
2.4 KiB
{include file="page_header"}
|
|
<div class="con b-color-f">
|
|
<div class="goods-info of-hidden ect-tab b-color-f j-goods-info j-ect-tab ts-3">
|
|
<div class="hd j-tab-title tab-title b-color-f of-hidden">
|
|
<ul class="dis-box">
|
|
<li class="box-flex active">商品详情</li>
|
|
<li class="box-flex">规格参数</li>
|
|
</ul>
|
|
</div>
|
|
<div id="j-tab-con" class="b-color-f m-top1px tab-con ">
|
|
<div class="swiper-wrapper">
|
|
<section class="swiper-slide ">
|
|
<div class="padding-all">
|
|
{$goods_desc}
|
|
</div>
|
|
</section>
|
|
<section class="swiper-slide goods-info-attr">
|
|
<ul class="t-remark">
|
|
{foreach $properties as $key=>$property_group}
|
|
<li class="of-hidden"><span class="fl">{$key}</span></li>
|
|
{foreach $property_group as $property}
|
|
<li class="of-hidden"><span class="fl">{$property.name}</span><span class="fr">{$property.value}</span></li>
|
|
{/foreach}
|
|
{/foreach}
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--引用js-->
|
|
<script type="text/javascript" src="{__TPL__}js/jquery-2.1.4.min.js"></script>
|
|
<script type="text/javascript" src="{__TPL__}js/swiper-3.2.5.min.js"></script>
|
|
<script type="text/javascript" src="{__TPL__}js/ectouch.js"></script>
|
|
<script type="text/javascript">
|
|
/*切换*/
|
|
var tabsSwiper = new Swiper('#j-tab-con', {
|
|
speed: 100,
|
|
noSwiping: true,
|
|
autoHeight: true,
|
|
onSlideChangeStart: function() {
|
|
$(".j-tab-title .active").removeClass('active')
|
|
$(".j-tab-title li").eq(tabsSwiper.activeIndex).addClass('active')
|
|
}
|
|
})
|
|
$(".j-tab-title li").on('touchstart mousedown', function(e) {
|
|
e.preventDefault()
|
|
$(".j-tab-title .active").removeClass('active')
|
|
$(this).addClass('active')
|
|
tabsSwiper.slideTo($(this).index())
|
|
})
|
|
$(".j-tab-title li").click(function(e) {
|
|
e.preventDefault()
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|