wangxy
/
work-portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交修改

Browse Source
new-v20240713
dshclm 9 months ago
parent ae04bc4561
commit 38dafe08a1
1 changed files with 48 additions and 48 deletions
Show Stats Download Patch File Download Diff File

96
ruoyi-admin/src/main/resources/templates/home/base.html
Unescape View File

@ -10,17 +10,56 @@
<link rel="stylesheet" th:href="@{/js/base/owl-carousel/owl.carousel.css}">
<link rel="stylesheet" th:href="@{/js/base/owl-carousel/owl.theme.css}">
<link th:href="@{/css/base.css}" rel="stylesheet"/>
<style>
#owl-demo .item{
background-color: rgba(30,159,255,0.11);
padding: 30px 0px;
margin: 10px;
color: #FFF;
display:flex;
align-items:center;
justify-content:center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
transition: all 0.3s;
}
#owl-demo .item:hover {
transform: translateY(-5%);
}
#owl-demo .item span{
display:inline-block;
width:50px;
height:50px;
border-radius:50%;
font-size:28px;
line-height:50px;
background-color:rgba(27, 110, 196, 0.68);
}
.customNavigation{
text-align: center;
}
.customNavigation a{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
</style>
</head>
<body class="layui-bg-gray" style="">
<div id="content">
<!--头部-->
<th:block th:include="home_head1 :: home_head"/>
<div id="back-to-top" onclick="scrollToTop()">
<img th:src="@{/home/base/fanhui.png}">
<img th:src="@{/home/base/fanhui.png}" alt="返回顶部">
</div>
<div id="ad">
<div id="ad" th:if="${specialColumns[0].remark == '0'}">
<a th:href="@{/special_view.html(columnId=${specialColumns[0].columnId})}" th:title="${specialColumns[0].columnName}" target="_blank">
<img style="width: 100% ;filter: brightness(1.1);" th:src="${specialColumns[0].columnUrl}">
<img style="width: 100% ;filter: brightness(1.1);" th:src="${specialColumns[0].columnUrl}" th:alt="${specialColumns[0].columnName}">
</a>
<a onclick="closeAd()"><span>关闭</span></a>
</div>
@ -36,12 +75,12 @@
<div class="layui-col-md6">
<div class="layui-carousel" id="ID-carousel-demo-image" style="width: 650px;height: 462px;">
<div carousel-item>
<tbody th:each="url,status : ${urlList}">
<div th:each="url,status : ${urlList}">
<a th:href="@{/public_view.html(type=2,id=${url.workId})}" th:title="${url.workTitle}" target="_blank">
<img th:src="${url.imgUrl}" style="height: 100%;width: 100% ;filter: brightness(1.1);">
<span class="sliderA">[[${#strings.abbreviate(url.workTitle,28)}]]</span>
</a>
</tbody>
</div>
</div>
</div>
</div>
@ -319,45 +358,6 @@
<script th:src="@{/home/lib/layui.js}"></script>
<script th:src="@{/js/base/js/jquery-1.9.1.min.js}"></script>
<script th:src="@{/js/base/owl-carousel/owl.carousel.js}"></script>
<style>
#owl-demo .item{
background-color: rgba(30,159,255,0.11);
padding: 30px 0px;
margin: 10px;
color: #FFF;
display:flex;
align-items:center;
justify-content:center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
transition: all 0.3s;
}
#owl-demo .item:hover {
transform: translateY(-5%);
}
#owl-demo .item span{
display:inline-block;
width:50px;
height:50px;
border-radius:50%;
font-size:28px;
line-height:50px;
background-color:rgba(27, 110, 196, 0.68);
}
.customNavigation{
text-align: center;
}
.customNavigation a{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
</style>
<script>
$(document).ready(function() {
var owl = $("#owl-demo");
@ -518,19 +518,19 @@
(styleTop <= 0 || styleTop >= window.innerHeight - el.offsetHeight) && (verticalFlag = !verticalFlag);
(styleLeft <= 0 || styleLeft >= window.innerWidth - el.offsetWidth) && (horizontalFlag = !horizontalFlag);
el.style.top = `${styleTop}px`;
el.style.left = `${styleLeft}px`;
el.style.top = styleTop +'px';
el.style.left = styleLeft + 'px';
}
}
setInterval(moveElement, 20);
// 添加事件监听器以检测鼠标是否在元素上
el.addEventListener('mouseover', () => {
el.addEventListener('mouseover', function () {
isMouseOver = true;
});
el.addEventListener('mouseout', () => {
el.addEventListener('mouseout', function () {
isMouseOver = false;
});
function closeAd(){

Write Preview
Loading…
Cancel
Save