no message

src/components/home/indexRoll1.vue

 <template>
-  <div class="no-course" @mouseover.stop.prevent="handleMouseMove" @mouseleave.stop.prevent="handleMouseLeave"
+  <div class="indexRoll1Box" @mouseover.stop.prevent="handleMouseMove" @mouseleave.stop.prevent="handleMouseLeave"
+  :class="[Current=='left'?'activeL':'activeR']"
   @click="carousel(Current)">
     <div class="relative gap-1 overflow-hidden"
     :style="{'background-color':plugData.BgColor?plugData.BgColor:'#fff'}">
@@ -91,15 +92,10 @@
         </div>
 
       </div>
-      <!-- <template v-if="windowWidth>=992">
-        <div class="absolute" style="width: 25%;left: 0;top: 0;bottom: 0;z-index: 999;" @mousemove="handleMouseMove"></div>
-        <div class="absolute" style="width: 25%;right: 0;top: 0;bottom: 0;z-index: 999;" @mousemove="handleMouseMove"></div>
-        <div class="absolute" style="width: 50%;right: 25%;top: 0;z-index: 999;height: 35vh;" @mousemove="handleMouseMove"></div>
-        <div class="absolute" style="width: 50%;right: 25%;bottom: 0;z-index: 999;height: 23vh;" @mousemove="handleMouseMove"></div>
-      </template> -->
+
     </div>
 
-    <mouse v-if="windowWidth>=992&&isRight" :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>
@@ -258,7 +254,12 @@
 <style lang="scss" >
 .indexRoll1Box{
   overflow: hidden;
-  padding-top: 80px;
+}
+.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;

src/components/home/indexSlider.vue

 <template>
-  <div class="no-course animate__animated duration2" @mousemove="handleMouseMove" @mouseleave="handleMouseLeave"
+  <!-- no-course  -->
+  <div class="indexSliderBox animate__animated duration2" @mousemove="handleMouseMove" @mouseleave="handleMouseLeave"
+  :class="[Current=='left'?'activeL':'activeR']"
   @click="carousel(Current)">
     <div class="relative gap-1 overflow-hidden"
     :style="{'background-color':plugData.BgColor?plugData.BgColor:'#fff'}"
@@ -19,8 +21,8 @@
                   <span>{{plugData.SubTitle}}</span>
                 </p>
               </div>
-              <div class="insli-leftDescr font-serifEn text-gray-700  text-center"
-              :class="[windowWidth>=992?'q-py-lg':'']">
+              <div class="insli-leftDescr font-serifEn text-gray-700  text-center "
+              :class="[windowWidth>=992?'q-py-lg':'full-width']">
                 {{plugData.Describe}}
               </div>
             </div>
@@ -108,7 +110,7 @@
           </div>
       </div>
     </div>
-    <mouse v-if="windowWidth>=768&&isRight" :X="X" :Y="Y" :isRight="isRight" :Current="Current"></mouse>
+    <!-- <mouse v-if="windowWidth>=768&&isRight" :X="X" :Y="Y" :isRight="isRight" :Current="Current"></mouse> -->
   </div>
 
 </template>
@@ -191,7 +193,6 @@ export default {
 }
 </script>
 <style lang="scss">
-
   .indexSlider-right {
     .q-carousel{
       background-color: rgba(23,23,23,0) !important;
@@ -205,9 +206,14 @@ export default {
   }
 
   .indexSliderBox{
-    cursor: none;
     height: 100%;
   }
+  .activeL{
+    cursor: url('../../assets/img/home/left.png'),auto !important;
+  }
+  .activeR{
+    cursor: url('../../assets/img/home/right.png'),auto !important;
+  }
   .indexSliderBox.q-py{
     padding: 80px 0 40px 0;
   }
@@ -245,7 +251,8 @@ export default {
   }
   .indexSliderImgBox{
     border-radius: 10px;
-    z-index: 10;
+    /* 10 */
+    z-index: 2;
   }
 
   .indexSliderImgBox .q-img,.indexSliderImgBox .q-video{