315 lines
17 KiB
HTML
315 lines
17 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] -->
|
|
<script src="../../static/portal/js/swiper.min.js" th:src="@{/portal/js/swiper.min.js}"></script>
|
|
<!-- <link rel="stylesheet" type="text/css" href="static/css/swiper.css" /> -->
|
|
<script src="../../static/portal/js/js.js" th:src="@{/portal/js/js.js}"></script>
|
|
<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>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="swiper-container slideMain">
|
|
<div class="main-wrapper">
|
|
<div class="swiper-slide page homea" data-hash="pagea">
|
|
<div class="container">
|
|
<th:block th:include="portal/headerAndFooter :: header" />
|
|
|
|
<div class="oneping">
|
|
<a href="/login">
|
|
<div class="xiaoxun">
|
|
<!-- <img src="./static/images/xiaoxun.svg" alt=""> -->
|
|
<span class="xxleft">
|
|
<span class="hui">行知</span>
|
|
合一·
|
|
<span class="hui">自由</span>
|
|
探求
|
|
</span>
|
|
<div class="xxxian">
|
|
<div class="up"></div>
|
|
<div class="down"></div>
|
|
</div>
|
|
<span class="xxright">
|
|
<span class="hui">扎根</span>
|
|
大地·
|
|
<span class="hui">开放</span>
|
|
交融
|
|
</span>
|
|
</div>
|
|
</a>
|
|
<div class="Alumni">
|
|
<div class="wp flex">
|
|
<div class="aleft" aos="fade-up">
|
|
<div class="ctit flex">
|
|
<div class="pattern-title flex">
|
|
<span class="syst flex"><i>新闻动态</i></span>
|
|
<div class="flex-v-center">
|
|
<a th:href="'/portal/list?newType=10'" target="_blank" class="syst pore"><em>More</em></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul style="margin-top: .65rem;">
|
|
<li class="titlin_b" th:each="item : ${xwdtList}" >
|
|
<a th:href="${item.type=='2'}?${item.linkUrl}:'/portal/details?id='+${item.id}" target="_blank" th:title="${item.title}" class="ellipsis-multiline">
|
|
<h4 class="titline_b">[[${item.title}]]</h4>
|
|
<p class="titline_line2" >
|
|
[[${item.abstracts}]]
|
|
</p>
|
|
</a>
|
|
<time>
|
|
[[${#dates.format(item.publishTime, 'YYYY-MM-dd')}]]
|
|
<br />
|
|
发布时间
|
|
</time>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="swiper-container slidenews" aos="fade-up" aos-delay="100">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide slide bg-mask" th:each="item : ${xwdtList}" >
|
|
<div class="pic">
|
|
<a th:href="${item.type=='2'}?${item.linkUrl}:'/portal/details?id='+${item.id}" target="_blank" th:title="${item.title}" class="mark">
|
|
<img th:src="${item.imagePath}" th:alt="${item.title}" style="max-width:875px;max-height:599px;" />
|
|
</a>
|
|
</div>
|
|
<p>
|
|
<a th:href="${item.type=='2'}?${item.linkUrl}:'/portal/details?id='+${item.id}" target="_blank" th:title="${item.title}" class="texto">
|
|
[[${item.title}]]
|
|
</a>
|
|
<span>发布时间：[[${#dates.format(item.publishTime, 'YYYY-MM-dd')}]]</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-button-next slideb-next">
|
|
<img src="../../static/portal/picture/arrrw.svg" th:src="@{/portal/picture/arrrw.svg}" height="32" />
|
|
</div>
|
|
<div class="swiper-button-prev slideb-prev">
|
|
<img src="../../static/portal/picture/arrlw.svg" th:src="@{/portal/picture/arrlw.svg}" height="32" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
var slidenews = new Swiper('.slidenews', {
|
|
resistanceRatio: 0,
|
|
spaceBetween: 5,
|
|
speed: 500,
|
|
loop: true,
|
|
observer: true,
|
|
observeParents: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
stopOnLastSlide: false,
|
|
disableOnInteraction: false,
|
|
},
|
|
pagination: {
|
|
el: '.slidenews .pagination-news',
|
|
clickable: true,
|
|
},
|
|
navigation: {
|
|
nextEl: '.slidenews .slideb-next',
|
|
prevEl: '.slidenews .slideb-prev',
|
|
},
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="swiper-slide page homeb" data-hash="pageb">
|
|
<div class="wp flex">
|
|
<div class="aleft" aos="fade-up">
|
|
<div class="ctit ctit1 flex">
|
|
<span class="syst flex"><i>通知</i><i>公告</i></span>
|
|
<div class="flex-v-center">
|
|
<a th:href="'/portal/list?newType=11'" target="_blank" class="syst pore"><em>More</em></a>
|
|
</div>
|
|
</div>
|
|
<ul class="tzgg">
|
|
<li class="titlin_w" th:each="item : ${tztgList}">
|
|
<div class="time Avian">
|
|
<time><span>[[${#dates.format(item.publishTime, 'dd')}]]</span>[[${#dates.format(item.publishTime, 'YYYY-MM')}]]</time>
|
|
</div>
|
|
<div class="info flex-v-center">
|
|
<h4>
|
|
<a th:href="${item.type=='2'}?${item.linkUrl}:'/portal/details?id='+${item.id}" target="_blank" th:title="${item.title}" class="texto">
|
|
<span class="titline_w">[[${item.title}]]</span></a>
|
|
</h4>
|
|
<p class="line2">
|
|
[[${item.abstracts}]]
|
|
</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="aright" aos="fade-up" aos-delay="100">
|
|
<div class="ctit ctit1 flex">
|
|
<span class="syst flex"><i>活动</i><i>预告</i></span>
|
|
<div class="flex-v-center">
|
|
<a th:href="'/portal/list?newType=12'" target="_blank" class="syst pore"><em>More</em></a>
|
|
</div>
|
|
</div>
|
|
<div class="lidehd ">
|
|
<div class="index-flash">
|
|
<div class="wal2">
|
|
<div class="list">
|
|
<ul>
|
|
<li th:each="item : ${hdygList}">
|
|
<div class="img">
|
|
<a th:href="${item.type=='2'}?${item.linkUrl}:'/portal/details?id='+${item.id}" target="_blank" th:title="${item.title}" class="jtfylist jtfyl1">
|
|
<img th:src="${item.imagePath}" th:alt="${item.title}" style="width: 100%" />
|
|
</a>
|
|
</div>
|
|
<div class="static-name">
|
|
<h3>[[${item.title}]]</h3>
|
|
<div class="static-speaker flex"><span>主讲人：[[${item.sourceAuthor}]]</span><span>[[${#dates.format(item.publishTime, 'YYYY-MM-dd')}]]</span></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<script>
|
|
$(function () {
|
|
var dom = $(".index-flash"),
|
|
side = dom.find(".side li");
|
|
var swiper = new swiperFun({
|
|
dom: dom.find(".list"),
|
|
roundLengths: true,
|
|
});
|
|
swiper.change = function (i) {
|
|
change(i);
|
|
};
|
|
|
|
side.each(function (i) {
|
|
$(this).hover(
|
|
function () {
|
|
swiper.mySwiper.slideTo(i + 1);
|
|
},
|
|
function () { }
|
|
);
|
|
});
|
|
change(0);
|
|
|
|
function change(i) {
|
|
side.removeClass("on");
|
|
side.eq(i).addClass("on");
|
|
}
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide page homec" data-hash="pagec">
|
|
<div class="cleft" aos="fade-up"><img src="../../static/portal/picture/777910.png" th:src="@{/portal/picture/777910.png}" alt="" style="height: 100%;"/></div>
|
|
<div class="cright flex">
|
|
|
|
<div class="item item1 " aos="fade-up">
|
|
<span><img src="../../static/portal/picture/t2.png" th:src="@{/portal/picture/t2.png}" alt="" /></span>
|
|
<p class="desc">
|
|
<span style="letter-spacing: 0px; font-family: 幼圆; font-size: .86rem;">中西融汇、古今贯通、文理渗透</span>
|
|
<a class="syst pore" th:href="'/portal/list?newType=37'" target="_blank"><em>More</em></a>
|
|
</p>
|
|
</div>
|
|
<div class="item item2 flex">
|
|
<div class="hdtit">
|
|
<a class="alink" th:href="'/portal/list?newType=37'" target="_blank"></a>
|
|
<span class="syst">College profile</span>
|
|
<div style="margin-top: .6rem;"><img src="../../static/portal/picture/cbsy01.png" th:src="@{/portal/picture/cbsy01.png}" alt="" /></div>
|
|
</div>
|
|
<div class="pic flex-v-center">
|
|
<em><img class="img_vsb_content" alt="" src="../../static/portal/picture/i3.png" th:src="@{/portal/picture/i3.png}" vwidth="" vheight=""
|
|
vurl="../../static/portal/images/i3.png" vsbhref="vurl" orisrc="../../static/portal/images/i3.png" /></em>
|
|
</div>
|
|
</div>
|
|
<div class="item item3 flex">
|
|
<a class="alink" th:href="'/portal/list?newType=39'" target="_blank"></a>
|
|
<div class="hdtit" style="margin-top: 1rem;">
|
|
<span class="syst">Academic salon</span>
|
|
<div style="margin-top: .6rem;"><img src="../../static/portal/picture/cbsy02.png" th:src="@{/portal/picture/cbsy02.png}" alt="" /></div>
|
|
</div>
|
|
<div class="pic flex-v-center">
|
|
<em><img class="img_vsb_content" alt="" src="./static/picture/i2.png" th:src="@{/portal/picture/i2.png}" vwidth="" vheight=""
|
|
vurl="../../static/portal/images/i2.png" vsbhref="vurl" orisrc="../../static/portal/images/i2.png" /></em>
|
|
</div>
|
|
</div>
|
|
<div class="item item4 flex">
|
|
<a class="alink" th:href="'/portal/list?newType=41'" target="_blank"></a>
|
|
<div class="hdtit" style="margin-top: 1rem;">
|
|
<span class="syst">Student activity</span>
|
|
<div style="margin-top: .6rem;"><img src="../../static/portal/picture/cbsy03.png" th:src="@{/portal/picture/cbsy03.png}" alt="" /></div>
|
|
</div>
|
|
<div class="pic flex-v-center">
|
|
<em><img class="img_vsb_content" alt="" src="../../static/portal/picture/i4.png" th:src="@{/portal/picture/i4.png}" vwidth="" vheight=""
|
|
vurl="../../static/portal/images/i4.png" vsbhref="vurl" orisrc="../../static/portal/images/i4.png" /></em>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<th:block th:include="portal/headerAndFooter :: footer" />
|
|
</div>
|
|
</div>
|
|
|
|
<th:block th:include="portal/headerAndFooter :: search" />
|
|
|
|
<script src="../../static/portal/js/index.js" th:src="@{/portal/js/index.js}"></script>
|
|
<script src="../../static/portal/js/swiper.jquery.js" th:src="@{/portal/js/swiper.jquery.js}"></script>
|
|
<script src="../../static/js/public.js" th:src="@{/portal/js/public.js}"></script>
|
|
<script type="text/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
|
|
);
|
|
</script>
|
|
</body>
|
|
</html>
|