<!DOCTYPE html>
<html lang="en" 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=""/>
    <script src="/static/js/jquery-3.5.1.min.js?v="+Math.random()></script>
    <script src="/static/js/common.js?v="+Math.random()></script>
    <link rel="stylesheet" href="/static/css/html5/view/view-detail.css?v="+Math.random()>
    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
    <script src="/static/js/swiper-bundle.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>
    <style>
        [v-cloak]{
            display: none;
        }
    </style>
</head>
<body>
<div class="container">
    <div  th:include="html5/common::common-loading"></div>
    <div  th:include="html5/common::common-integral"></div>
    <div  th:include="html5/common::common-conMusic"></div>
    <input type="hidden" id="artId" th:value="${artId}">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div v-for="(item,i) in artInfo.ads" class="swiper-slide">
                <img @click="gotoRcmd(item)" onload="AutoResizeImage(690,160,this)" :src="item.rcmdImgpath">
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <div class="content" v-cloak>
        <div v-if="artInfo.info" class="title">{{artInfo.info.title}}</div>
        <div v-if="artInfo.info" class="auther">作者:{{artInfo.info.author}}</div>
        <div v-if="artInfo.info" class="time">时间:{{artInfo.info.publishTime}} · {{artInfo.info.click}}人阅读</div>
        <div v-if="artInfo.info" class="html" v-html="artInfo.info.content"></div>
    </div>
    <!--    <p id="bottomInfo">全科在线提供技术支持</p>-->
</div>
<footer>
    <div th:include="html5/common::common-footer"></div>
</footer>
</body>
<script 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"></script>
<script>
    document.write('<script src="/static/js/h5/view/view-detail.js?v=' + Math.random() + '"><\/script\>');
</script>
<script src="/static/js/jweixin-1.0.0.js"></script>
<script src="/static/js/wxshare.js?version=20220630"></script>
</html>
