no message

src/App.vue

@@ -26,8 +26,8 @@ export default {
 }
 @font-face {
   font-family: "Cormorant Garamond2";
-  /* src: url("https://im.oytour.com/tripfont/44b867578f7c49ddaf62f490fcb30264.woff"); */
-  src: url("https://im.oytour.com/tripfont/f5b638796ca24f5da16a5da9e78a6937.woff");
+  src: url("https://im.oytour.com/tripfont/383f0760bec54bdc8134c7d150a1cd49.otf");
+  /* src: url("https://im.oytour.com/tripfont/f5b638796ca24f5da16a5da9e78a6937.woff"); */
 }
 .text-shadow{
   text-shadow: rgb(0 0 0 / 50%) 2px 2px 5px;

src/assets/css/home.css

@@ -356,10 +356,10 @@ ul,li{
 }
 @media (min-width: 1280px) {
   .MenuListItem{
-    bottom: 65px;
+    /* bottom: 65px; */
   }
   .MenuListLi.active .MenuListItem{
-    opacity: 1;
+    /* opacity: 1; */
     /* bottom: 70px; */
   }
   .SubMenuListBox{
@@ -412,10 +412,10 @@ ul,li{
 }
 @media (min-width: 1440px) {
   .MenuListItem{
-    bottom: 49px;
+    /* bottom: 49px; */
   }
   .MenuListLi.active .MenuListItem{
-    opacity: 1;
+    /* opacity: 1; */
     /* bottom: 70px; */
   }
   .SubMenuListBox{
@@ -492,7 +492,7 @@ ul,li{
 }
 @media (min-width: 1800px) {
   .MenuListItem{
-    bottom: -116px;
+    /* bottom: -116px; */
   }
   .MenuListLi.active .MenuListItem{
     /* bottom: -16px; */
@@ -535,11 +535,12 @@ ul,li{
     height: 1.5rem;
   }
   .swipercomTitleL{
-    font-size: 1.5rem;
+    font-size: 21px;
+    letter-spacing: 4px;
   }
   .swipercomTitleL div{
     position: relative;
-    top: -2rem;
+    top: -20px;
   }
   .swipercomTitleR{
     font-size: 1.2rem;

src/components/home/indexRoll1.vue

@@ -34,7 +34,7 @@
               style="border-radius:10px;" @click.stop="OpenNewUrl(item.LinkUrl)">
                 <template v-if="item.FileType==1">
                     <q-img :src="item.FileUrl" no-default-spinner alt="image" :ratio="16/9" fill="cover"
-                    @click.stop="OpenNewUrl(item.LinkUrl)" class="cursor-pointer">
+                    @click.stop="OpenNewUrl(item.LinkUrl)" class="">
                       <template v-slot:error>
                         <div class="absolute inSliMLogo">
                           <q-img v-if="plugData.MLogo" :src="plugData.MLogo"
@@ -44,7 +44,7 @@
                     </q-img>
                 </template>
                 <q-img v-else alt="" :ratio="16/9" fill="cover">
-                  <q-video class="cursor-pointer" style="width: 100%;" :src="item.FileUrl" frameborder="0"
+                  <q-video class="" style="width: 100%;" :src="item.FileUrl" frameborder="0"
                   allowfullscreen @click.stop="OpenNewUrl(item.LinkUrl)"/>
                 </q-img>
                 <div class="swipercomSubEnLen absolute bg-white row items-center justify-center">
@@ -99,7 +99,7 @@
       </template> -->
     </div>
 
-    <mouse v-if="windowWidth>=992" :X="X" :Y="Y" :isRight="isRight" :Current="Current"></mouse>
+    <mouse v-if="windowWidth>=992&&isRight" :X="X" :Y="Y" :isRight="isRight" :Current="Current"></mouse>
   </div>
 </template>
 <script>
@@ -146,7 +146,7 @@
           //设置能够同时显示的数量（可设置 auto）
           speed: 1000,
           autoplay: {
-            delay: 4000,
+            delay: 400000,
             stopOnLastSlide: false,
             disableOnInteraction: false
           },
@@ -197,11 +197,14 @@
       })
     },
     mounted() {
+
       setTimeout(() => {
         this.swiper = this.$refs.mySwiper.swiper
         let swiperInstance = this.$refs.mySwiper.swiper
         swiperInstance.loopedSlides = this.FileUrlList.length
         swiperInstance.update()
+        // document.getElementsByClassName("swiper-slide-active").addEventListener("mousemove", this.handleMouseLeave);
+        // document.getElementsByClassName("swiper-slide-active").addEventListener("mouseleave", this.setRight);
       }, 500);
     },
     methods: {
@@ -226,7 +229,9 @@
       },
       handleMouseMove(el) {
         if(this.windowWidth<768) return
-        if(!this.isRight) this.isRight = true
+        if(!this.isRight){
+          this.setRight()
+        }
         let x = el.x+(document.documentElement.scrollLeft || document.body.scrollLeft)
         let y = el.y+(document.documentElement.scrollTop || document.body.scrollTop)
 
@@ -239,13 +244,17 @@
         this.X = el.x
         this.Y = el.y+(document.documentElement.scrollTop || document.body.scrollTop)
       },
-      handleMouseLeave(){
+      setRight(){
+        this.isRight = true
+      },
+      handleMouseLeave(e){
         this.isRight = false
+        console.log(this.isRight ,'=====')
       }
   }
 }
 </script>
-<style lang="scss">
+<style lang="scss" >
 .indexRoll1Box{
   overflow: hidden;
   padding-top: 80px;
@@ -273,10 +282,11 @@
     color: rgb(5,23,50);
   }
   .swipercomTitleR{
+    font-size: 16px;
     padding-right: 20px;
     overflow: hidden;
-    letter-spacing: .29rem;
-    line-height: 2.18rem;
+    letter-spacing: 4px;
+    line-height: 30px;
   }
 .sliderRight{
   z-index: 1;

src/components/home/indexRoll2.vue

@@ -4,18 +4,18 @@
     :style="{'background-color':plugData.BgColor?plugData.BgColor:'#fff'}"
     :class="[windowWidth<768?'gap-M':'']">
       <div class="containerRoll2">
-        <div class="indexRoll1Container ContainerW1280">
+        <div class="indexRoll2Container ContainerW1280">
           <div class=""
           style="transform: translate(0px, 0px); opacity: 1;">
             <div class="text-center relative">
-              <p class="indexRoll1Hst font-serifEn text-secondary absolute">
+              <p class="indexRoll2Hst font-serifEn text-secondary absolute">
                 <span class="inline-block">{{plugData.SubTitle}}</span>
               </p>
-              <div class="indexRoll1Htitle font-serifEn">
+              <div class="indexRoll2Htitle font-serifEn">
                 <span class="inline-block tracking-2">{{plugData.Title}}</span>
               </div>
             </div>
-            <div class="indexRoll1Hd indexRoll1Hd2">
+            <div class="indexRoll2Hd indexRoll2Hd2">
               {{plugData.Describe}}
             </div>
           </div>
@@ -219,22 +219,22 @@
 }
 </script>
 <style lang="scss">
-.indexRoll1Box{
+.indexRoll2Box{
   overflow: hidden;
   padding-top: 80px;
 }
-.indexRoll1Hst{
+.indexRoll2Hst{
   font-size: 1.25rem;
   left: 0;
   right: 0;
   top: -25px;
   font-weight: 100;
 }
-.indexRoll1Htitle{
+.indexRoll2Htitle{
   font-size: 2.4rem;
   color: rgb(17,17,17);
 }
-.indexRoll1Hd{
+.indexRoll2Hd{
   margin: auto;
   line-height: 2.18rem;
   letter-spacing: .29rem;
@@ -245,12 +245,6 @@
 .swipercomTitleL{
     color: rgb(5,23,50);
   }
-  .swipercomTitleR{
-    padding-right: 20px;
-    overflow: hidden;
-    letter-spacing: .29rem;
-    line-height: 2.18rem;
-  }
 .sliderRight{
   z-index: 1;
   backdrop-filter: drop-shadow(2px 2px 2px blue);