修改主页背景图

2025-09-04 11:28:49 +08:00
parent 181a04639c
commit 61eff62996
3 changed files with 5 additions and 1 deletions
--- a/public/imgs/mainpage/jingganglan-1.png
+++ b/public/imgs/mainpage/jingganglan-1.png
--- a/public/imgs/mainpage/jingganglan-2.png
+++ b/public/imgs/mainpage/jingganglan-2.png
--- a/src/views/MainPage.vue
+++ b/src/views/MainPage.vue
@@ -230,9 +230,12 @@ export default {
  width: 100%;
  margin: 0;
  padding: 0;
-  background: linear-gradient(to bottom, #72c9ffae, #f3f3f3);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  position: relative;
+  background-image: url('/imgs/mainpage/jingganglan-1.png'), url('/imgs/mainpage/jingganglan-2.png');
+  background-size: 100% 10%, 100% 100%;
+  background-position: center 24%, center 100%;
+  background-repeat: no-repeat, no-repeat;
 }

 .main-content {
@@ -260,6 +263,7 @@ export default {
  position: relative;
  margin: 0 auto;
  opacity: 1;
+  z-index: 1; /* 设置较低的z-index，让背景图显示在上面 */
 }

 .carousel-img {