提交修改

ruoyi-admin/src/main/resources/static/css/base.css

@@ -125,8 +125,8 @@ html, body {
 
 
 .zhuantidept{
-//display: flex;
+    display: flex;
-//flex-wrap: wrap;
+    flex-wrap: wrap;
     height: 400px;
     overflow: auto;
     box-sizing:border-box;
@@ -135,8 +135,12 @@ html, body {
 }
 .zhuantidept li{
     transition: all 0.3s;
-    float: left;
+    max-width: 189px;
-    margin-bottom: 10px;
+    max-height: 85px;
+    background-image: url(../home/base/bumen1.jpg);
+    background-size: 100% 100%;
+    box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.5);
+    margin: 0 10px 10px 10px;
 }
 .zhuantidept li:hover{
     transform: translateY(-5%);
@@ -145,16 +149,14 @@ html, body {
 .zhuantidept li a{
     width: 169px;
     height: 84px;
-    margin: 0 10px 0 10px;
+    display: inline-block;
-    display: flex;
-    align-items: center;
     box-sizing: border-box;
     padding-left: 10px;
-    background-image: url(/home/base/bumen1.jpg);
-    background-size: 100% 100%;
-    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
     font-size: 17px;
     filter: brightness(1.1);
+    line-height: 85px;
+    text-align: center;
+    letter-spacing: 2px;
 }
 
 a {
@@ -171,7 +173,7 @@ a:hover{
     height: 25px;
     top: 41%;
     z-index: 22;
-    background-image: url(/home/base/i122.png);
+    background-image: url(../home/base/i122.png);
     cursor: pointer;
 }
 .customNavigation .prev{
@@ -217,7 +219,7 @@ a:hover{
     height: 25px;
     top: 50%;
     z-index: 22;
-    background-image: url(/home/base/i122.png);
+    background-image: url(../home/base/i122.png);
     cursor: pointer;
     transform: translateY(-50%);
 }

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

@@ -94,7 +94,7 @@
                         </span>
                     </div>
                     <div class="layui-card-body" style="max-height: 400px;overflow: hidden;">
-                        <div style="width:100%;height: 163px;border-bottom: 1px solid #e6e6e6;box-sizing: border-box;line-height: 47px">
+                        <div style="width:100%;height: 125px;border-bottom: 1px solid #e6e6e6;box-sizing: border-box;line-height: 47px">
                             <h1 style="font-size: 22px;">
                                 <a th:href="@{/public_view.html(type=1,id=${noticeList[0].noticeId})}" th:title="${noticeList[0].noticeTitle}" target="_blank" >[[${#strings.abbreviate(noticeList[0].noticeTitle,33)}]]</a>
                             </h1>
@@ -168,7 +168,7 @@
                                 <li th:each="trend,status : ${deptColumns}">
                                     <a th:href="@{/dept_trends_view.html(columnId=${trend.columnId})}" style="color:#fff;" th:title="${trend.columnName}" target="_blank">
                                         <!-- <i class="fa fa-bar-chart-o" th:class="${trend.icon}"></i>-->
-                                        <img th:src="@{/home/base/bumen.png}" style="height: 30px;width: 29px;filter: brightness(1.1);">
+                                        <img th:src="@{/home/base/bumen.png}" style="position: absolute;left: 11px;top: 33%;height: 30px;width: 29px;filter: brightness(1.1);">
                                         [[${trend.columnName}]]
                                     </a>
                                 </li>