{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>