提交修改

ruoyi-admin/src/main/resources/templates/home/base.html

@@ -75,9 +75,12 @@
         }
         .zhuanti li{
             margin:9px;
-            margin-bottom: 20px;
+            margin-bottom: -7px;
             margin-top: 20px;
-            overflow:hidden
+            overflow:hidden;
+            display: flex;
+            flex-direction: column;
+            text-align: center;
         }
         .zhuanti li img{
             transition: all 0.3s;
@@ -508,6 +511,7 @@
                                     <a th:href="@{/special_view.html(columnId=${column.columnId})}" th:title="${column.columnName}" target="_blank">
                                         <img style="height:155px;width: 190px "  th:src="${column.columnUrl}">
                                     </a>
+                                    <span style="margin-top: 5px;">[[${column.columnName}]]</span >
                                 </li>
                             </ul>
                         </div>
@@ -524,8 +528,9 @@
                     <div class="layui-card-body layui-row">
                         <div class="lantieContent">
                             <ul class="right">
-                                <li th:each="content,status : ${windowColumns}" style="width:22%;">
+                                <li th:each="content,status : ${windowColumns}" style="width:22%;text-align:center;">
                                     <video th:src="${content.columnUrl}" class="video" style="width:100%;"></video>
+                                    <span>[[${content.columnName}]]</span>
                                 </li>
                             </ul>
                         </div>
@@ -563,7 +568,7 @@
                             </ul>
                             <ul class="map">
                                 <li>
-                                    <img th:src="@{/home/base/map1.png}">
+                                    <img th:src="@{/home/base/map3.png}">
                                     <!--                                    <a target="_blank" href="https://www.spp.gov.cn" title="中华人民共和国最高人民检察院">-->
                                     <!--                                        <img th:src="@{/home/base/2Dmap.png}" class="zuigao">-->
                                     <!--                                    </a>-->

ruoyi-admin/src/main/resources/templates/home_head.html

@@ -11,8 +11,8 @@
 
             #hd {
                 position: relative;
-                background-image: url(/home/base/bg-head5.png);
+                //background-image: url(/home/base/bg-head2.png);
-                background-position-y:56%;
+                //background-position-y:56%;
                 height: 326px;
                 background-size: cover;
                 display: flex;
@@ -30,6 +30,13 @@
                 height: 82px;
                 transform: translate(-50%, -50%);
             }
+            #ltlogo2 {
+                position: absolute;
+                top: 43%; /* 将图像元素垂直居中 */
+                left: 30%; /* 将图像元素水平居中 */
+                height: 82px;
+                transform: translate(-50%, -50%);
+            }
             #dhl {
             padding-bottom: 0;
             font-style: inherit;
@@ -44,9 +51,80 @@
             justify-content: center;
             background-color: rgba(1,78,155,0.7);
         }
-
+         .homePage .layui-nav-more{
-
+            display:none;
-
+         }
+        .dept .layui-nav-child {
+            display: none;
+            position: absolute;
+            left: -353%;
+            top: 65px;
+            transform: translate(-50%, -50%);
+            width: 1331px;
+            //line-height: 85px;
+            padding: 5px 0;
+            box-shadow: 0 2px 4px rgba(0,0,0,.12);
+            border: 1px solid #eee;
+            background-color: rgba(255,255,255,0.89);
+            z-index: 100;
+            border-radius: 2px;
+            white-space: wrap;
+            box-sizing: border-box;
+            height:100px;
+        }
+        .layui-nav-item .arrow {
+            z-index: 999;
+            border-left: 10px solid transparent;
+            border-right: 10px solid transparent;
+            border-top: 10px solid #1e68b0;
+            position: absolute;
+            left: 44%;
+            display: none;
+        }
+        .layui-nav-item .arrow2 {
+            z-index: 999;
+            border-left: 10px solid transparent;
+            border-right: 10px solid transparent;
+            border-top: 10px solid #1e68b0;
+            position: absolute;
+            left: 44%;
+            display: none;
+        }
+        .special .layui-nav-child {
+            display: none;
+            position: absolute;
+            left: -581%;
+            top: 65px;
+            transform: translate(-50%, -50%);
+            width: 1331px;
+            //line-height: 85px;
+            padding: 5px 0;
+            box-shadow: 0 2px 4px rgba(0,0,0,.12);
+            border: 1px solid #eee;
+            background-color: rgba(255,255,255,0.89);
+            z-index: 100;
+            border-radius: 2px;
+            white-space: wrap;
+            box-sizing: border-box;
+            height:100px;
+        }
+        .childBox{
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            height: 100%;
+        }
+        .childBox2 dd{
+            float: left;
+            fongt-size:18px;
+            text-align: center;
+            width:auto;
+            margin: 1px 9px;
+        }
+        .childBox2 dd a{
+            text-align: center;
+            padding: 0 14px;
+        }
         </style>
     </head>
 
@@ -60,10 +138,11 @@
                     <img class="bg_image1" th:src="@{/home/base/bg-head2.png}">
                 </div>
                 <div>
-                    <img class="bg_image1" th:src="@{/home/base/bg-head3.png}">
+                    <img class="bg_image1" th:src="@{/home/base/bg-head4.png}">
                 </div>
             </div>
         </div>
+        <!--        <img class="bg_image1" th:src="@{/home/base/bg-head3.png}">-->
         <img th:src="@{/home/base/lantie3.png}"  id="ltlogo" >
         <ul class="layui-nav" id="dhl">
             <li class="layui-nav-item">
@@ -75,14 +154,34 @@
             <li class="layui-nav-item">
                 <a href="work_view.html" class="homePage">工作动态</a>
             </li>
-            <li class="layui-nav-item">
+            <li class="layui-nav-item dept">
                 <a href="dept_trends_view.html" class="homePage">部门动态</a>
+                <dl class="layui-nav-child">
+                    <div class="childBox">
+                        <dd th:each="trend,status : ${deptColumns}">
+                            <a th:href="@{/dept_trends_view.html(columnId=${trend.columnId})}" style="color:#006fc4;font-size:18px;" th:title="${trend.columnName}" target="_blank">
+                                [[${trend.columnName}]]
+                            </a>
+                        </dd>
+                    </div>
+                </dl>
+                <div class="arrow"></div>
             </li>
             <li class="layui-nav-item">
                 <a href="business_view.html" class="homePage">检察业务</a>
             </li>
-            <li class="layui-nav-item">
+            <li class="layui-nav-item special">
                 <a href="special_view.html" class="homePage">专题活动</a>
+                <dl class="layui-nav-child">
+                    <div class="childBox2">
+                        <dd th:each="column,status : ${specialColumns}">
+                            <a th:href="@{/special_view.html(columnId=${column.columnId})}" style="color:#006fc4;font-size:18px;" th:title="${column.columnName}" target="_blank">
+                                [[${column.columnName}]]
+                            </a>
+                        </dd>
+                    </div>
+                </dl>
+                <div class="arrow2"></div>
             </li>
             <form action="" id="search_form" class="layui-form"  style="display:flex;margin-top:11px;margin-left:40px;">
                 <label>
@@ -94,8 +193,19 @@
     </div>
     <script th:src="@{/js/jquery.min.js?v=3.6.3}"></script>
     <script  th:src="@{/home/lib/layui.js}"></script>
-
     <script type="text/javascript">
+        function queryList(){
+            var title = $("#title").val();
+            if (title){
+                $('#search_form').submit(function(){
+                    var actionStr="/search";
+                    $("#search_form").removeAttr("action").attr("action",actionStr);
+                    return true;
+                });
+            }else{
+                alert("请输入查询关键字！")
+            }
+        }
         layui.use(function(){
           var carousel = layui.carousel;
           // 渲染 - 常规轮播
@@ -108,18 +218,22 @@
             height: '326px',
           });
         });
-        function queryList(){
+        var deptHover = document.querySelector('.dept')
-            var title = $("#title").val();
+        var jiantou = document.querySelector('.arrow')
-            if (title){
+        deptHover.addEventListener('mouseover', function() {
-                $('#search_form').submit(function(){
+          jiantou.style.display = 'block';
-                    var actionStr="/search";
+        });
-                    $("#search_form").removeAttr("action").attr("action",actionStr);
+        deptHover.addEventListener('mouseout', function() {
-                    return true;
+          jiantou.style.display = 'none';
+        });
+        //专题箭头
+        var specialHover = document.querySelector('.special')
+        var jiantou2 = document.querySelector('.arrow2')
+        specialHover.addEventListener('mouseover', function() {
+          jiantou2.style.display = 'block';
+        });
+        specialHover.addEventListener('mouseout', function() {
+          jiantou2.style.display = 'none';
         });
-            }else{
-                alert("请输入查询关键字！")
-            }
-        }
-
     </script>
 </div>

ruoyi-admin/src/main/resources/templates/home_head1.html

@@ -138,7 +138,7 @@
                     <img class="bg_image1" th:src="@{/home/base/bg-head2.png}">
                 </div>
                 <div>
-                    <img class="bg_image1" th:src="@{/home/base/bg-head3.png}">
+                    <img class="bg_image1" th:src="@{/home/base/bg-head4.png}">
                 </div>
             </div>
         </div>