diff --git a/public/imgs/mainpage/jingganglan-1.png b/public/imgs/mainpage/jingganglan-1.png new file mode 100644 index 0000000..4074838 Binary files /dev/null and b/public/imgs/mainpage/jingganglan-1.png differ diff --git a/public/imgs/mainpage/jingganglan-2.png b/public/imgs/mainpage/jingganglan-2.png new file mode 100644 index 0000000..112699e Binary files /dev/null and b/public/imgs/mainpage/jingganglan-2.png differ diff --git a/src/views/MainPage.vue b/src/views/MainPage.vue index 53ca4bc..701a8e3 100644 --- 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 {