From b94613f85a755ddf4840ff8a9900de5d5fcdce90 Mon Sep 17 00:00:00 2001
From: nisen <laonisen@icloud.com>
Date: Tue, 5 Sep 2023 15:35:20 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BD=AE=E6=92=AD=E5=9B=BE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/grateful/GratefulHomePage.vue | 31 +++++++++++++++++++++----
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/views/grateful/GratefulHomePage.vue b/src/views/grateful/GratefulHomePage.vue
index 80fd0418..0741c3a2 100644
--- a/src/views/grateful/GratefulHomePage.vue
+++ b/src/views/grateful/GratefulHomePage.vue
@@ -360,9 +360,30 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@media screen and (max-width: 1366px){
+  .swiper-pagination{
+    top: 310px;
+  }
+}
+@media screen and (max-width: 1680px) and (min-width:1367px){
+  .swiper-pagination{
+    top: 360px;
+  }
+}
+
+@media screen and (max-width: 1920px) and (min-width: 1681px){
+  .swiper-pagination{
+    top: 360px;
+  }
+}
+@media screen and (min-width: 1921px){
+  .swiper-pagination{
+    top: 360px;
+  }
+}
 .bannbox {
   width: 100%;
-  height: 520px;
+  height: 420px;
   text-align: center;
   filter: blur(5px);
   z-index: -1;
@@ -375,13 +396,13 @@ export default {
 
 #container {
   position: absolute;
-  height: 520px;
+  height: 420px;
   top: 0;
   width: 100%;
 }
 
 .banner-img {
-  height: 520px;
+  height: 420px;
   position: absolute;
   top: 0;
   left: 0;
@@ -390,7 +411,7 @@ export default {
 }
 
 .course-banner {
-  height: 520px;
+  height: 420px;
 
   .swiper-button-prev {
     height: 38px;
@@ -517,7 +538,7 @@ export default {
 .float-tools {
   position: fixed;
   right: 0;
-  bottom: 50%;
+  bottom: 40%;
   z-index: 999;
   cursor: pointer;