<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="https://www.thymeleaf.org ">
<head>
    <title th:text="'采美365网-'+${pageData.title}"></title>
    <meta http-equiv="keywords" th:content="${pageData.keywords}">
    <meta http-equiv="description" th:content="${pageData.description}">
    <template th:replace="components/head-link"></template>
    <link th:href="@{/css/single-page/live.css(v=${version})}" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 引用头部 -->
<template th:replace="components/header"></template>

<!-- 采美直播 -->
<div id="livePage">
    <div class="pageTop">
        <img th:src="${pageData.image}">
        <p th:if="not${#strings.isEmpty(pageData.content)}" th:utext="${pageData.content}"></p>
    </div>
    <div class="wrap">
        <div class="pageFloor">
            <div class="title">
                <span>直播专栏</span>
                <a href="/info/center-1-1.html" class="more">查看更多>>></a>
            </div>
            <ul class="article clear">
                <li v-for="item in liveArticles">
                    <a :href="'/info/detail-'+item.id+'-1.html'"><img :src="item.image" alt="item.title"></a>
                    <h5><a :href="'/info/detail-'+item.id+'-1.html'" v-text="item.title"></a></h5>
                    <div class="label">
                        <span class="author icon mIcon" v-text="item.publisher"></span>
                        <span class="tags icon mIcon">
                            <template v-for="(id,i) in item.labelIds">{{i>0?'，':''}}<a v-if="item.labels[i]" v-text="item.labels[i]" :href="'/info/label-' +id+ '-1.html'"></a></template>
                        </span>
                    </div>
                    <p v-text="item.intro"></p>
                </li>
            </ul>
        </div>
        <div class="pageFloor">
            <div class="title">
                <span class="tit">专家介绍</span>
            </div>
            <div class="content">
                <div id="liveTeacher" class="swiper-container">
                    <ul class="swiper-wrapper" v-cloak>
                        <li class="swiper-slide mfc" v-for="item in liveTeachers">
                            <div class="item">
                                <img :src="item.image">
                                <span v-text="item.title"></span>
                            </div>
                        </li>
                    </ul>
                    <div v-show="tecPage>1" class="swiper-pagination mfc"><span v-if="isPC" v-for="i in tecPage"></span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="contactBox">
        <div class="cont">
            <div class="item">
                <img src="/img/live/qr_live_teacher.jpg">
                <span class="tit blue">我要讲课</span>
                <span>联系方式：18948790365</span>
            </div>
            <div class="item">
                <img src="/img/live/qr_live_teacher.jpg">
                <span class="tit red">我要听课</span>
                <span>扫码关注回复“报名”</span>
            </div>
        </div>
    </div>
</div>

<!-- 引入底部 -->
<template th:replace="components/footer"></template>
<template th:replace="components/foot-link"></template>
<script charset="utf-8" type="text/javascript" th:src="@{/js/single-page/live.js(v=${version})}"></script>
</body>
</html>
