no message

src/assets/svg/left.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #9b8a6f;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="left.svg" class="cls-1" d="M171.012,450.985a36,36,0,1,0,36,36A36,36,0,0,0,171.012,450.985Zm0,1a35,35,0,1,0,35,35A35,35,0,0,0,171.011,451.985ZM183.165,486h-25v1h25v-1Zm-18.008-5.022L158.169,486v1l6.988-5.021v-1Zm0,11.038L158.169,487v-1l6.988,5.021v1Z" transform="translate(-135 -451)"/>
+</svg>

src/assets/svg/right.svg

-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" width="25.352" height="7.787">
-  <path fill="none" stroke="#897658" stroke-linecap="round" d="M23.719 3.893H.5"></path>
-  <path d="m17.776 0 7.576 3.893-7.576 3.893 3.076-3.893Z" fill="#897658"></path>
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #9b8a6f;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="right.svg" class="cls-1" d="M259.012,450.985a36,36,0,1,0,36,36A36,36,0,0,0,259.012,450.985Zm0,1a35,35,0,1,0,35,35A35,35,0,0,0,259.011,451.985Zm-12,35.02H272v1H247.012v-1Zm18-5,6.985,5v1l-6.985-5v-1Zm0,10.99L272,488v-1l-6.985,5v1Z" transform="translate(-223 -451)"/>
 </svg>

src/assets/svg/right0.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="25.352" height="7.787">
+  <path fill="none" stroke="#897658" stroke-linecap="round" d="M23.719 3.893H.5"></path>
+  <path d="m17.776 0 7.576 3.893-7.576 3.893 3.076-3.893Z" fill="#897658"></path>
+</svg>

src/components/home/indexRoll1.vue

@@ -65,7 +65,7 @@
                   <div class="swipercomTitleL row">
                     <div class="font-serifEn">{{ item.SubName }}</div>
                   </div>
-                  <div v-if="windowWidth>1280" class="swipercomTitleA">
+                  <div v-if="windowWidth>=768" class="swipercomTitleA">
                     <q-separator vertical inset class="q-mx-lg q-py-lg" />
                   </div>
                   <div class="swipercomTitleR text-left font-serifEn col">
@@ -252,16 +252,19 @@
   }
 }
 </script>
+<style scoped>
+  .activeL{
+    cursor: url('../../assets/svg/left.svg'),auto;
+  }
+  .activeR{
+    cursor: url('../../assets/svg/right.svg'),auto;
+  }
+</style>
 <style lang="scss" >
 .indexRoll1Box{
   overflow: hidden;
 }
-.activeL{
-  cursor: url('../../assets/img/home/left.png'),auto !important;
-}
-.activeR{
-  cursor: url('../../assets/img/home/right.png'),auto !important;
-}
+
 .indexRoll1Hst{
   font-size: 1.25rem;
   left: 0;

src/components/home/indexSlider.vue

 <template>
-  <!-- no-course  -->
-  <!-- :class="[Current=='left'?'activeL':Current=='right'?'activeR':'']" -->
-  <!-- :style="[Current=='left'?`cursor:url(${cursorUrlL}),auto,fontSize:${cursorSize} + 'px'`:Current=='right'?`cursor:url(${cursorUrlR}),auto,fontSize:${cursorSize} + 'px'`:''
-    ]" -->
   <div class="indexSliderBox animate__animated duration2" @mousemove="handleMouseMove" @mouseleave="handleMouseLeave"
-  :style="{ cursor: 'url(' + `${Current=='left'?cursorUrlL:Current=='right'?cursorUrlR:''}` + '), auto',
-   fontSize: cursorSize + 'px'}"
+  :class="[Current=='left'?'activeL':Current=='right'?'activeR':'']"
   @click="carousel(Current)">
     <div class="relative gap-1 overflow-hidden"
     :style="{'background-color':plugData.BgColor?plugData.BgColor:'#fff'}"
@@ -114,7 +109,7 @@
           </div>
       </div>
     </div>
-    <!-- <mouse v-if="windowWidth>=768&&isRight" :X="X" :Y="Y" :isRight="isRight" :Current="Current"></mouse> -->
+    <!-- <mouse v-if="windowWidth>=768" :X="X" :Y="Y" :isRight="isRight" :Current="Current"></mouse> -->
   </div>
 
 </template>
@@ -132,8 +127,8 @@ export default {
       autoplay: 40000000,
       FileUrlList: [],
       isRight: false,
-      cursorUrlL: require('../../assets/img/home/left.png'),
-      cursorUrlR: require('../../assets/img/home/right.png'),
+      cursorUrlL: require('../../assets/svg/left.svg'),
+      cursorUrlR: require('../../assets/svg/right.svg'),
       cursorSize: 16,
     }
   },
@@ -180,18 +175,21 @@ export default {
       }
     },
     handleMouseMove(el) {
+      console.log(el.clientX,'-------------')
       if(this.windowWidth<768) return this.Current = null
       if(!this.isRight) this.isRight = true
       let width = this.windowWidth/2
       if(el.x<width){
         this.Current = 'left'
-        // this.X = el.x+50
+        this.X = el.x+50
       }else if(el.x>width) {
         this.Current = 'right'
-        // this.X = el.x-50
+        this.X = el.x-50
       }
 
-      // this.Y = el.y+(document.documentElement.scrollTop || document.body.scrollTop)
+      this.Y = el.y+(document.documentElement.scrollTop || document.body.scrollTop)
+      // this.X = el.clientX
+      // this.Y = el.clientY
     },
     handleMouseLeave(){
       this.isRight = false
@@ -199,6 +197,14 @@ export default {
   }
 }
 </script>
+<style scoped>
+  .activeL{
+    cursor: url('../../assets/svg/left.svg'),auto;
+  }
+  .activeR{
+    cursor: url('../../assets/svg/right.svg'),auto;
+  }
+</style>
 <style lang="scss">
   .indexSlider-right {
     .q-carousel{
@@ -215,20 +221,6 @@ export default {
   .indexSliderBox{
     height: 100%;
   }
-  .activeL{
-    cursor: url('../../assets/img/home/left.png'),auto!important;
-    /* 禁止缩放cursor */
-    -webkit-user-zoom: fixed !important;
-    -moz-user-zoom: fixed !important;
-    user-zoom: fixed !important;
-    /* 以下是针对IE的额外设置 */
-    -ms-user-zoom: fixed !important;
-    -ms-touch-action: none !important;
-  }
-  .activeR{
-    cursor: url('../../assets/img/home/right.png'),auto !important;
-  }
-
   .indexSliderBox.q-py{
     padding: 80px 0 40px 0;
   }

src/components/home/mouse.vue

@@ -5,7 +5,7 @@
     :style="{left:`${X}px`,top:`${Y}px`}"
     :class="[isRight?'active':'']">
       <div class="sliderRightC relative row justify-center items-center backdrop-blur" :class="[Current=='left'?'active':'']">
-        <img src="../../assets/svg/right.svg" alt="Logo">
+        <img src="../../assets/svg/right0.svg" alt="Logo">
       </div>
     </div>
 </template>