<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <title>资讯-首页</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=0.5, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta name="sharetitle" content="全科界"/>
    <meta name="sharedesc" content="赋能全科医生，培养百姓良医"/>
    <meta name="sharepic" content="https://qkj-web.oss-cn-beijing.aliyuncs.com/html5/share.png"/>
    <link href="/web/css/common.css" rel="stylesheet">
    <link href="/static/css/web/page.css" rel="stylesheet">
    <link href="/web/css/layer.css" rel="stylesheet">
    <link href="/web/css/new.css" rel="stylesheet">
    <script src="/static/js/jquery-3.5.1.min.js?v=" +Math.random()></script>
    <script src="/static/web/js/layer.js"></script>
    <script src="/static/js/common.js?v=" +Math.random()></script>
    <script src="/static/js/wxLogin.js?v=" +Math.random()></script>
    <script src="/static/js/md5.js?v=" +Math.random()></script>
    <script>
        document.write('<link href="/static/css/web/view/view-index.css?v=' + Math.random() + '" rel="stylesheet" type="text/css"/>');
    </script>
    <script src="/static/js/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css">


    <script src="/static/js/vue.js"></script>
    <script src="/static/web/js/common.js?v=" +Math.random()></script>

    <!--    &lt;!&ndash;引入 element-ui 的样式，&ndash;&gt;-->
    <!--    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
    <!--    &lt;!&ndash; 必须先引入vue，  后使用element-ui &ndash;&gt;-->
    <!--    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>-->
    <!--    &lt;!&ndash; 引入element 的组件库&ndash;&gt;-->
    <!--    <script src="https://unpkg.com/element-ui/lib/index.js"></script>-->

    <!--    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?0305f34866fc4fe377f1bec6dc84d92f";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<div class="index-box">
    <div th:include="web/common::common-header-web"></div>
    <div th:include="web/common::common-conMusic"></div>

    <div class="container">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div v-for="(item,i) in ad" class="swiper-slide">
                    <img @click="gotoRcmd(item)" onload="AutoResizeImage(1200,260,this)" :src="item.rcmdImgpath">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
<!--        <div class="tab">-->
<!--            <div v-for="(item,i) in sortData" @click="chooseSort(i)" class="tab-item" :class="{'active':sortBy == i}">-->
<!--                {{item}}-->
<!--            </div>-->
<!--        </div>-->
        <div class="tab">
            <div v-for="(item,i) in cata" @click="chooseTab(i)" class="tab-item" :class="{'active':item.active == 1}">
                {{item.name}}
            </div>
        </div>
        <div class="list">
            <div class="list-item float" v-for="(item,i) in list" @click="gotoArtInfo(item)">
                <div class="left">
                    <img :src="item.coverImg">
                </div>
                <div class="right">
                    <div class="title">{{item.title}}</div>
                    <div v-if="item.tags!=undefined" class="tag" v-for="(item1,index) in item.tags">{{item1.tag_name}}</div>
                    <div class="time">
                        <p>作者:{{item.author}} {{item.publishTime}}</p>
                        <p>阅读人数:{{item.click}}</p>
                    </div>
                    <!--                    <div class="time last" v-else>阅读人数:{{item.click/10000}}万</div>-->
                </div>
            </div>
        </div>
        <!--    <el-pagination-->
        <!--            background-->
        <!--            @size-change="handleSizeChange"-->
        <!--            @current-change="handleCurrentChange"-->
        <!--            :current-page="page"-->
        <!--            :page-size="size"-->
        <!--            layout=" prev, pager, next, total,jumper"-->
        <!--            :total="total">-->
        <!--    </el-pagination>-->

    </div>
    <!--底部公共区域-->
    <div th:include="web/common::common-bottom-web"></div>
    <!--返回顶部-->
    <div th:include="web/common::common-back-web"></div>
</div>
</body>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script>
    document.write('<script src="/static/js/web/view/view-index.js?v=' + Math.random() + '"><\/script\>');
</script>
<script src="/web/js/layer.js"></script>

<script src="/static/web/js/common.js?v=" +Math.random()></script>

</html>
