gx

Scene/public/js/main_2020_show.js

@@ -6943,8 +6943,8 @@ window.Modernizr = (function (n, e, t) {
                   t.goToHighlight([i.data('index'), 0]) //改
               }),
               $('.sectionCont').on('click', function (e) {
-                const imgActIndex = $(this).data('index')
-                console.log('imgActIndex')
+                const imgActIndex = $(this).attr('data-index')
+                console.log('imgActIndex', imgActIndex)
                 t.goToHighlight([imgActIndex, 0])
               }),
               $('.previous')

Scene/src/pages/A2main/index.module.scss

@@ -192,7 +192,7 @@
     #thumb-container {
       width: 100% !important;
       display: flex;
-      justify-content: flex-start;
+      justify-content: center;
       align-items: center;
       gap: 10px;
       .thumbImg {
@@ -481,7 +481,7 @@
         display: flex;
         justify-content: flex-start;
         align-items: center;
-        gap: 10px;
+        gap: 0px;
         .thumbImg {
           width: 100px;
           height: 80px;

Scene/src/pages/A2main/index.tsx

@@ -75,6 +75,8 @@ function A2main() {
     }
   }
   const sectionBoxRef = useRef<HTMLDivElement>(null)
+  const [currentSectionIndex, setCurrentSectionIndex] = useState(0)
+
   const [isActive, setIsActive] = useState(true)
   // 滚动到最左
 
@@ -102,11 +104,16 @@ function A2main() {
     slidesToShow: 1,
     slidesToScroll: 1,
     adaptiveHeight: true,
-    prevArrow: <div className="slick-prev">
-      <img src={require('@/assets/img/left.png')} alt="" />
+    prevArrow: <div className="slick-prev "  >
+      <img
+        className="sectionCont"
+        src={require('@/assets/img/left.png')}
+        alt=""
+        data-index={Math.abs((currentSectionIndex) % 3)} onClick={() => setCurrentSectionIndex(currentSectionIndex - 1)}
+      />
     </div>,
-    nextArrow: <div className="slick-next">
-      <img src={require('@/assets/img/right.png')} alt="" />
+    nextArrow: <div className="slick-next" >
+      <img className='sectionCont' src={require('@/assets/img/right.png')} alt="" data-index={Math.abs((currentSectionIndex + 2) % 3)} onClick={() => setCurrentSectionIndex(currentSectionIndex + 1)} />
     </div>,
   };