后端增加资源发布功能

app/index/view/component/header.php

@@ -208,29 +208,40 @@
 
     /* Banner样式 */
     .banner-content {
+        position: relative;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+    }
+
+    .banner-image {
         position: absolute;
-        /* top: 65%;
-  left: 35%;
-  transform: translate(-50%, -50%); */
-        color: #fff;
-        display: flex;
-        flex-direction: column;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    .banner-image img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        object-position: center;
     }
 
     .banner-text {
         position: absolute;
         top: 40%;
         left: 10%;
-        /* transform: translate(-50%, -50%); */
         z-index: 1;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
+        color: #fff;
     }
 
-    .banner-text a{
+    .banner-text a {
         text-decoration: none;
-        /* text-align: center; */
         margin-top: 30px;
     }
 
@@ -238,18 +249,14 @@
         font-size: 4em;
         font-weight: 600;
         margin-bottom: 10px;
+        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
     }
 
     .banner-desc {
         font-size: 2em;
         font-weight: 400;
         max-width: 800px;
-    }
-    
-    .banner-image img{
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
+        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
     }
 
     .banner-btn {
@@ -258,6 +265,7 @@
         padding: 10px 20px;
         border-radius: 5px;
         cursor: pointer;
+        transition: all 0.3s ease;
     }
 
     .banner-btn:hover {
@@ -297,25 +305,6 @@
         padding: 0;
     }
 
-    .banner-content {
-        position: relative;
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-    }
-
-    .banner-slide {
-        display: block;
-        width: 100%;
-        height: 100%;
-    }
-
-    .banner-slide img {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-    }
-
     /* 确保轮播容器和项目的高度正确 */
     #test10,
     #test10 [carousel-item],