illinfo.html 2.7 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>疾病专栏</title>
    <link rel="stylesheet" href="__TMPL__/public/assets/css/init.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_877329_u8tubeolo9.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/diseaseColumn.css">
</head>
<body>
<header class="banner_box">
    <img src="{:cmf_get_image_url($cat.more.thumbnail)}" alt="">
</header>
<!--内容部分-->
<div class="content_box">
    <div class="tab_box">
        <div class="tab_title tab_active">基础知识</div>
        <div class="tab_title">指南知识</div>
        <div class="tab_title">经典案例</div>
        <div class="tab_title">质控文件</div>
    </div>
<div>
 <volist name="article" id="v" key="key1">
    <div class="tab_content1  <if condition="$key1!=1">item </if>" >
        <volist name="v" id="vo" key="key2" empty="内容为空">
       <a href="{:url('portal/article/index',['id'=>$vo.id])}">
        <div class="item_box">
            <div>
                <div class="item_title">{$vo.post_title}</div>
                <div class="item_content">{:getDescirpe($vo.post_content)}...</div>
                <div>{:date('Y.m.d',$vo.create_time)}</div>
            </div>
            <div>
                <img src="{:cmf_get_image_preview_url($vo.more.thumbnail)}" alt="">
            </div>

        </div>
        </a>
        </volist>
    </div>
</volist>

</div>

</div>

<!--JS部分-->
<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
<script src="__TMPL__/public/assets/js/swiper-3.4.2.min.js"></script>
<script src="__TMPL__/public/assets/js/fontsize.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项

        // 如果需要分页器
        pagination: '.swiper-pagination',
    })
    $(document).ready(function () {
        $('.join_btn').click(function () {
            window.location.href = 'orderSubmit.html'
        })
         var $menu_box = $('.tab_box>div');
        $('.tab_title').click(function () {
            $(this).addClass('tab_active').siblings().removeClass('tab_active')
             var index = $menu_box.index(this);
                console.log(index);
              $('.tab_content1').eq(index).show().siblings().hide();
        })
        $('.item_box').click(function () {
            window.location.href = '../circle/articleDetail.html'
        })
    })
</script>
</body>
</html>