From 38dafe08a103c3136486394a9990644a48371bb2 Mon Sep 17 00:00:00 2001
From: dshclm <3321914460@qq.com>
Date: Fri, 19 Jul 2024 14:59:36 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../main/resources/templates/home/base.html | 96 +++++++++----------
1 file changed, 48 insertions(+), 48 deletions(-)
diff --git a/ruoyi-admin/src/main/resources/templates/home/base.html b/ruoyi-admin/src/main/resources/templates/home/base.html
index 07f2ed0..f61dd9a 100644
--- a/ruoyi-admin/src/main/resources/templates/home/base.html
+++ b/ruoyi-admin/src/main/resources/templates/home/base.html
@@ -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(){