cbsy/blxc-admin/src/main/resources/templates/portal/details.html

122 lines
5.3 KiB
HTML

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>吉林省新农科长白山创新学院</title>
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="../../static/portal/css/swiper.min.css" th:href="@{/portal/css/swiper.min.css}" rel="stylesheet" />
<link href="../../static/portal/css/style.css" th:href="@{/portal/css/style.css}" rel="stylesheet"/>
<link href="../../static/portal/css/index.css" th:href="@{/portal/css/index.css}" rel="stylesheet"/>
<link href="../../static/portal/css/text.css" th:href="@{/portal/css/text.css}" rel="stylesheet" />
<link href="../../static/portal/css/_sitegray_d.css" th:href="@{/portal/css/_sitegray_d.css}" rel="stylesheet" />
<!-- <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900" rel="stylesheet" >-->
<script src="static/portal/js/jquer3y6.min.js" th:src="@{/portal/js/jquer3y6.min.js}"></script>
<!-- [if lte IE 9]>
<script src="../../static/portal/js/jquery_ie8.js" th:src="@{/portal/js/jquery_ie8.js}"></script>
<![endif] -->
<!-- <link rel="stylesheet" type="text/css" href="static/css/swiper.css" /> -->
<script src="../../static/portal/js/_sitegray.js" th:src="@{/portal/js/_sitegray.js}"></script>
<script src="../../static/portal/js/flexible.js" th:src="@{/portal/js/flexible.js}"></script>
<script src="../../static/portal/js/detectZoom.js" th:src="@{/portal/js/detectZoom.js}"></script>
<script src="../../static/portal/js/counter.js" th:src="@{/portal/js/counter.js}"></script>
</head>
<body>
<div class="swiper-container">
<div class="main-wrapper">
<div class="full_width homea">
<div class="container">
<th:block th:include="portal/headerAndFooter :: header" />
</div>
<div class="detailcon portal_list">
<div class="crumbs">
<img src="../../static/portal/images/shouye.png" th:src="@{/portal/images/shouye.png}" alt="" />
<a href="/">首页 > </a>
<a th:href="'/portal/list?newType='+${twoCode}" th:if="${twoName!='-1'}">[[${twoName}]] > </a>
<a th:href="'/portal/list?newType='+${threeCode}">[[${threeName}]]</a>
</div>
<div class="details_title">
<h2 style="font-family: 'FZXiaoBiaoSong-Z04S', '方正小标宋简体';font-size: 22px;margin-top: 20px;margin-bottom: 20px;font-weight:700;">[[${info.title}]]</h2>
<ul style="margin-top: 32px;margin-bottom: 20px;font-size: 18px;">
<li>日期:[[${#dates.format(info.publishTime, 'YYYY-MM-dd')}]]</li>
<li>编辑:[[${info.sourceAuthor}]]</li>
<li>点击率:[[${info.clickRate}]]</li>
</ul>
</div>
<div class="con deheligh" style="min-height:400px;margin-top: 70px;">
<div class="clearfix">
<div style="text-indent:1.5rem;width:100%;float:left;" id="contentID">
</div>
</div>
</div>
<div class="con deheligh" style="margin-top: 40px;" id="filePathId">
</div>
</div>
</div>
</div>
<th:block th:include="portal/headerAndFooter :: footer" />
</div>
<th:block th:include="portal/headerAndFooter :: search" />
<script th:inline="javascript">
//if($(window).width()<1024){
//判断手机横竖屏状态:
if (window.orientation == 180 || window.orientation == 0) {
//alert("竖屏状态!")
$(".stips").hide();
}
if (window.orientation == 90 || window.orientation == -90) {
//alert("横屏状态!")
$(".stips").css({
display: "flex"
});
}
function hengshuping() {
if (window.orientation == 180 || window.orientation == 0) {
//alert("竖屏状态!")
$(".stips").hide();
}
if (window.orientation == 90 || window.orientation == -90) {
//alert("横屏状态!")
$(".stips").css({
display: "flex"
});
}
}
//}
window.addEventListener(
"onorientationchange" in window ? "orientationchange" : "resize",
hengshuping,
false
);
var infoTTT = [[${info}]];
console.log(infoTTT);
document.getElementById("contentID").innerHTML =infoTTT.content;
var downloadtext = ``;
if(infoTTT.filePath){
var fileDown = infoTTT.filePath.split("|");
downloadtext = `<div style="line-height:30px"><div style="padding:15px;">附件:</div>`;
for(var i = 0; i < fileDown.length; i++){
var name = fileDown[i].substring(fileDown[i].lastIndexOf("/")+1,fileDown[i].length)
if(name){
downloadtext += `<div style="margin-left:30px;"><a href="javascript:void(0)" onclick="window.open('`+fileDown[i]+`','_blank')">`+(i)+``+name+`</a></div>`;
}
}
}
document.getElementById("filePathId").innerHTML = downloadtext;
</script>
<script src="../../static/js/public.js" th:src="@{/portal/js/public.js}"></script>
</body>
</html>