1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- <!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="${article!=null?article.title:''}+'_采美365网'"></title>
- <meta http-equiv="keywords" th:content="${article?.keyword}">
- <meta http-equiv="description" th:content="${article?.recommendContent}">
- <template th:replace="article/components/article-link"></template>
- <template th:replace="components/analysis"></template>
- </head>
- <body class="home detailData">
- <input type="hidden" th:value="${articleId}" id="articleId">
- <input type="hidden" th:value="${article?.label}" id="articleLabels">
- <div class="cm-modal"></div>
- <!--导航栏-->
- <template th:replace="article/components/article-header"></template>
- <!--面包屑-->
- <div class="bar">
- <a href="/" target="_blank">首页</a> > <a th:each="type: *{articleType}" th:if="${typeId}==${type.id}" th:text="${type.name}" href="javascript:void(0);" class="title newTitle"></a>> 正文
- </div>
- <!--主体内容-->
- <div class="content clearfix" th:object="${article}">
- <div class="mainData">
- <div class="new-list article" th:if="${article}!=null">
- <div class="title" th:text="*{title}"></div>
- <p class="xinxi">
- <em class="write icon mIcon" th:text="*{publisher}"></em>
- <em class="source icon mIcon" th:if="*{not #strings.isEmpty(source)}" th:text="*{source}"></em>
- <em class="time icon mIcon" th:text="*{publishDate}"></em>
- <em class="pv icon mIcon" th:text="*{pv}"></em>
- </p>
- <div class="new-mian" id="contentDiv" th:utext="*{content}"></div>
- <div class="dianzan">
- <span class="like icon mIcon" th:attr="data-count=*{likes}, data-id=*{id}" th:text="*{likes}"></span>
- </div>
- <p class="dea-tag">
- <span th:each="label,labelStat:*{labels}" th:if="${not #strings.isEmpty(label)}">
- <a th:each="labelId,idStat:*{labelIds}" th:if="${idStat.index==labelStat.index}" th:href="'/info/label-'+${labelId}+'-1.html'" th:text="${label}"></a>
- </span>
- </p>
- </div>
- <div class="new-list article all_mid" style="min-height:800px" th:if="${article}==null or *{#strings.isEmpty(content)}">
- <div class="middle">
- <img src="/img/info/empty.png"/>
- <p>抱歉,内容已删除</p>
- </div>
- </div>
- <!--相关阅读-->
- <div class="new-list dataRousce" id="articleRelated">
- <p class="classify biaoqian">相关阅读</p>
- <div class="row" v-for="item in related.list">
- <div class="new-img">
- <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
- <img :src="item.image"/>
- </a>
- </div>
- <div class="new-blurb">
- <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
- <p class="title" v-html="item.title"></p>
- </a>
- <p class="xinxi">
- <em v-if="!isPC" class="pv icon mIcon" v-text="item.pv"></em>
- <em class="write icon mIcon" v-text="item.publisher"></em>
- <em v-if="item.publishDate" class="time icon mIcon" v-text="item.publishDate.substr(0,10)"></em>
- </p>
- <p class="introduction" v-html="item.intro"></p>
- <p v-if="isPC" class="P_img"><em class="pv icon mIcon" v-text="item.pv"></em></p>
- </div>
- </div>
- <div id="scrollTop">
- <div class="item" v-if="isPC">
- <span class="wechat icon mIcon">微信分享</span>
- <div class="wechatHover mFixed">
- <div id="qrcode"></div>
- </div>
- </div>
- <div class="item">
- <span class="toTop icon mIcon">置顶</span>
- </div>
- </div>
- </div>
- </div>
- <!--侧边栏-->
- <template th:replace="article/components/article-sidebar"></template>
- </div>
- <template th:replace="article/components/article-footer"></template>
- <template th:replace="components/foot-link"></template>
- <script charset="utf-8" type="text/javascript" src="/lib/jquery.qrcode.min.js"></script>
- <script charset="utf-8" type="text/javascript" th:src="@{/js/article/common.js(v=${version})}"></script>
- <script charset="utf-8" type="text/javascript" th:src="@{/js/article/detail.js(v=${version})}"></script>
- </body>
- </html>
|