<!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" />
    <meta name="shareurl" content="" />

    <link href="/static/css/html5/live/live-index.css?t=23" rel="stylesheet" type="text/css"/>
    <link href="/static/css/html5/common.css?v=" +Math.random() rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="/static/js/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="/static/js/common.js?t=1111"></script>
	<link rel="stylesheet" href="/static/css/swiper-bundle.min.css?v="+Math.random()>
    <script src="/static/js/swiper-bundle.min.js?v="+Math.random()></script>
    <script src="/static/js/ucenter.js?v="+Math.random()></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="container">
<!--        <div th:include="html5/common::common-header"></div>-->
        <div  th:include="html5/common::common-loading"></div>
        <div  th:include="html5/common::common-integral"></div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" @click="gotoRcmd(item)" v-for="(item,i) in indexData.recmdTop"><img onload="AutoResizeImage(690,160,this)" :src="item.rcmdImgpath" /></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
<!--        <div class="tab">-->
<!--            <div th:each="catalog : ${catalogsList}" th:text="${catalog.name}" th:attr="cid=${catalog.id}" tabId="0" onclick="chooseTab(this)" class="tab-item"></div>-->
<!--        </div>-->
        <div v-if="list.length == 0" class="no-data">
            <img onload="AutoResizeImage(280,200,this)" src="/web/img/null.png"/>
        </div>
        <div id="list" class="list" v-if="list.length > 0">
            <div @click="gotoDetail(item.lvId)" v-for="(item,i) in list" class="list-item float">
                <div class="left">
                    <img onload="AutoResizeImage(288,162,this)" :src="item.liveCoverImg">
                    <div v-if="item.liveType!=2 && item.liveStatus==1" class="ing">直播中</div>
                    <div v-if="item.liveType!=2 && item.liveStatus == 0" class="wait">未开始</div>
                    <div v-if="item.liveType!=2 && item.liveStatus == 2" class="end">已结束</div>
                    <div v-if="item.liveType!=2 && item.liveStatus == 3" class="old">可回看</div>
                    <div v-if="item.liveType == 2" class="zq">专区</div>
                </div>
                <div class="right">
                    <div class="title">{{item.liveTitle}}</div>
                    <div v-if="item.liveType!=2 && item.liveStatus==0" class="time"> 开始时间：{{item.liveBeginTime}}</div>

                    <div v-if="item.liveType!=2 && item.liveStatus==0" class="time last">
                        <span v-if="item.remindMemberNum>9999">{{(item.remindMemberNum / 10000).toFixed(2)}}万人预约</span>
                        <span v-else>{{item.remindMemberNum}}人预约</span>
                    </div>
                    <div v-if="item.liveType!=2 && item.liveStatus != 0" class="time last">
                        <span v-if="item.liveManTime>9999">{{(item.liveManTime / 10000).toFixed(2)}}万人次学习</span>
                        <span v-else>{{item.liveManTime}}人次学习</span>
                    </div>
                    <div v-if="item.liveType==2" class="time last">
                        <span v-if="item.liveManTime>9999">{{item.liveSonCount}}场直播·{{(item.liveManTime / 10000).toFixed(2)}}万人次学习</span>
                        <span v-else>{{item.liveSonCount}}场直播·{{item.liveManTime}}人次学习</span>
                    </div>

                    <div v-else-if="item.isSell == 0 && (item.price==0 && item.pointFlag==0) || (item.price==0 && item.pointFlag==1 && item.point==0)" class="free">免费</div>
                    <div v-else-if="item.isSell == 0 && item.pointFlag==1 && item.point>0" class="jf">{{item.point}}<span>积分</span></div>
                    <div v-else-if="item.isSell == 0 && item.price>0" class="money"><span>¥</span>{{item.price}}</div>
                </div>
            </div>
        </div>
        <div class="bottom-logo">
            <img onload="AutoResizeImage(750,440,this)" src="/images/bottom-logo.png" alt="">
        </div>
        <!--    <p id="bottomInfo">全科在线提供技术支持</p>-->
    </div>
    <footer>
        <div th:include="html5/common::common-footer"></div>
    </footer>
</body>
<script type="text/javascript" src="/static/js/vue.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/static/js/ucenter.js?v=11"+Math.random()></script>
<script type="text/javascript" src="/static/js/h5/live/live-list.js?t=3"></script>
<script src="/static/js/jweixin-1.0.0.js"></script>
<script src="/static/js/wxshare.js?version=20220630"></script>
</html>
