gx

src/pages/A1home/components/index.module.scss

@@ -99,11 +99,11 @@
         .item2 {
           width: 35%;
           opacity: 0;
-          transform: translate(-90%, -15%);
+          transform: translate(-114%, -38%);
           transition: all 1s ease-in-out 0.4s;
           &:hover {
             transition: none;
-            transform: translate(-90%, -25%) perspective(500px)
+            transform: translate(-114%, -48%) perspective(500px)
               translate3d(
                 calc((var(--mouse-x) * 0.03) * 1px),
                 calc((var(--mouse-y) * 0.03) * 1px),
@@ -171,7 +171,7 @@
         }
         .item2 {
           opacity: 1;
-          transform: translate(-90%, -25%);
+          transform: translate(-114%, -48%);
           transition: all 0.6s ease-in-out 0.4s;
         }
         .item3 {

src/pages/A1home/index.tsx

@@ -3,6 +3,7 @@ import styles from './index.module.scss'
 import { useHistory } from 'react-router-dom'
 import VerticalBanner from './components/banner'
 import Slider from 'react-slick'
+import { isMobileFu } from '@/utils/history'
 function A1home({ show, setShow }: { show: boolean; setShow: (show: boolean) => void }) {
   const history = useHistory()
   const sliderRef = useRef<Slider>(null)
@@ -136,7 +137,6 @@ function A1home({ show, setShow }: { show: boolean; setShow: (show: boolean) =>
           />
           <img
             className='item2Bg'
-            src={require('./image/caro2/item2_bg.png')}
             alt=''
             draggable='false'
           />
@@ -157,7 +157,7 @@ function A1home({ show, setShow }: { show: boolean; setShow: (show: boolean) =>
     },
     {
       id: 3,
-      background: require('./image/caro3/bg3.png'),
+      background: isMobileFu() ? require('./image/caro3/bg3_M.png') : require('./image/caro3/bg3.png'),
       content: (
         <>
           <img
@@ -200,7 +200,7 @@ function A1home({ show, setShow }: { show: boolean; setShow: (show: boolean) =>
           />
           <img
             className='title1'
-            src={require('./image/caro1/title1.png')}
+            src={require('./image/caro4/title4.png')}
             alt=''
             draggable='false'
           />
@@ -212,9 +212,9 @@ function A1home({ show, setShow }: { show: boolean; setShow: (show: boolean) =>
             draggable='false'
           />
           <IconList
-            style={{ color: '#F2E4AD' }}
-            icon1={require('./image/caro1/icon1.png')}
-            icon2={require('./image/caro1/icon2.png')}
+            style={{ color: '#877155' }}
+            icon1={require('./image/caro4/icon1.png')}
+            icon2={require('./image/caro4/icon2.png')}
           />
         </>
       )