From fb889df3410c0e7f6235006bc6ffb94b1cfeaef8 Mon Sep 17 00:00:00 2001
From: huangjinming <huangjinming@kingsome.cn>
Date: Tue, 28 Mar 2023 19:33:01 +0800
Subject: [PATCH] fix

---
 src/assets/text/text.css         | 6 ++++++
 src/components/home/Text.vue     | 9 +++++----
 src/components/home/WhatCebg.vue | 3 +++
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/assets/text/text.css b/src/assets/text/text.css
index e93fc48..698bdab 100644
--- a/src/assets/text/text.css
+++ b/src/assets/text/text.css
@@ -10,3 +10,9 @@
     font-weight: normal;
     font-style: normal;
 }
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 600;
+    src: url('./Poppins-SemiBold.ttf') format('truetype');
+  }
diff --git a/src/components/home/Text.vue b/src/components/home/Text.vue
index 29cf0c4..3574346 100644
--- a/src/components/home/Text.vue
+++ b/src/components/home/Text.vue
@@ -40,11 +40,12 @@ onMounted(() => {
   ScrollTrigger.create({
     trigger: slogan.value,
     start: "top-=240px center",
-    end: 'bottom center',
-    scrub: true ,
+    end: "bottom+=20px center",
+    scrub: true,
     onEnter: animateElement,
     onLeaveBack: resetAnimation,
   });
+  // markers: true,
 });
 </script>
 <style lang="scss" scoped>
@@ -54,16 +55,16 @@ onMounted(() => {
 p {
   box-sizing: border-box;
   font-size: 18px;
-  font-family: sans-serif;
+  font-family: "Poppins";
   background-image: linear-gradient(#ffffff 100%, #ffffff 100%, #ffffff 100%);
   background-repeat: repeat-y;
   background-repeat: no-repeat;
   background-position: center center;
   font-size: 16px;
-  font-family: Arial;
   font-weight: bold;
   color: #ffffff;
   line-height: 28px;
+  word-spacing: 2px;
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
diff --git a/src/components/home/WhatCebg.vue b/src/components/home/WhatCebg.vue
index 803da0a..9604cf2 100644
--- a/src/components/home/WhatCebg.vue
+++ b/src/components/home/WhatCebg.vue
@@ -103,12 +103,14 @@
         <img src="@/assets/img/home/what-bg.png" alt="" />
       </div>
     </div>
+    <!-- <Moster></Moster> -->
   </div>
 </template>
 
 <script setup>
 import { ref, onMounted, onBeforeUnmount } from "vue";
 import Text from "./Text.vue";
+import Moster from "./Moster.vue";
 import { gsap } from "gsap";
 const Y1 = ref(0);
 const ratio = ref(0.2); //视差偏移率
@@ -255,6 +257,7 @@ function handleScroll() {
         left: -190px;
         opacity: 1;
       }
+      
       .content-right {
         z-index: 2;
         width: 792px;