upp

Code/src/components/BaseImg/index.module.scss

@@ -30,28 +30,36 @@
     .BIlogo {
       z-index: 5;
       position: absolute;
-      top: -70px;
+      top: -60px;
       width: 650px;
       max-width: 90%;
-      left: 50%;
-      transform: translateX(-50%);
+      left: -10%;
     }
 
     .BItxt {
-      color: #fffddc;
-      font-size: 14px;
-      letter-spacing: 3px;
-      line-height: 22px;
       position: absolute;
-      top: 28%;
-      left: 50%;
-      transform: translateX(-50%);
+      top: 32%;
+      left: 12%;
       z-index: 10;
-      width: 80%;
-      height: 90px;
-      overflow-y: auto;
-      &::-webkit-scrollbar {
-        display: none;
+      width: 34.6%;
+      height: 200px;
+      background-size: 100% 100%;
+      padding: 1%;
+      background-color: rgba(242, 242, 215, 0.3);
+      backdrop-filter: blur(4px);
+      & > div {
+        text-align: justify;
+        width: 100%;
+        height: 100%;
+        color: #fffddc;
+        font-size: 14px;
+        letter-spacing: 3px;
+        line-height: 22px;
+        overflow-y: auto;
+
+        &::-webkit-scrollbar {
+          display: none;
+        }
       }
     }
 
@@ -117,36 +125,36 @@
     .birdBox {
       position: absolute;
       bottom: -140px;
-      left: 50%;
+      left: 70%;
       transform: translateX(-50%);
       z-index: 100;
-      width: 320px;
-      height: 296px;
+      width: 250px;
+      height: 260px;
       transition: all 0.5s;
       .bird1 {
         position: absolute;
         top: 0;
         left: 0;
         pointer-events: none;
-        width: 320px;
-        height: 296px;
+        width: 250px;
+        height: 260px;
         object-fit: fill !important;
       }
       .bird2 {
         position: absolute;
-        bottom: 86px;
+        bottom: 95px;
         left: 50%;
         transform: translateX(-50%);
         background-image: url('../../assets/img/bird/quan.png');
         background-size: 100% 100%;
         z-index: 2;
         cursor: pointer;
-        width: 104px;
-        height: 104px;
+        width: 90px;
+        height: 90px;
         color: #fffddc;
         text-align: center;
         font-size: 16px;
-        padding-top: 18px;
+        padding-top: 16px;
         transition: all 0.3s;
         &:hover {
           color: #a55b41;
@@ -172,6 +180,13 @@
     #HotOpCss {
       z-index: 1000;
     }
+
+    // 屏幕>=1200
+    @media screen and (min-width: 1200px) {
+      .BItxt > div {
+        font-size: 12px !important;
+      }
+    }
   }
 }
 

Code/src/components/BaseImg/index.tsx

@@ -93,7 +93,11 @@ function BaseImg({
       {moreSta ? null : <img onLoad={imgNumFu} className='BIlogo' src={iconSrc} alt='' />}
 
       {/* 文字介绍 */}
-      {bird ? <div className='BItxt sizeNo'>{Reflect.get(txtRes, bird)}</div> : null}
+      {bird ? (
+        <div className='BItxt' style={{ backgroundImage: `url(${baseURL + 'Zhot/bac.png'})` }}>
+          <div className='sizeNo'>{Reflect.get(txtRes, bird)}</div>
+        </div>
+      ) : null}
 
       {/* 右下角按钮 */}
       {loding >= 100 && bird ? <FloorBtn /> : null}

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

@@ -11,7 +11,6 @@
       width: 100%;
       height: 100%;
       background-size: 100% 100%;
-      position: relative;
       .sizeNo {
         position: absolute;
         left: 50%;

Code/src/pages/A5chef/index.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react'
+import React, { useCallback, useEffect, useState } from 'react'
 import styles from './index.module.scss'
 import classNames from 'classnames'
 import { baseURL, myData } from '@/utils/http'

Code/src/pages/A6plow/index.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
+import React, { useCallback, useMemo, useState } from 'react'
 import styles from './index.module.scss'
 import BaseImg from '@/components/BaseImg'
 import { baseURL, isPc, myData } from '@/utils/http'
@@ -65,12 +65,9 @@ function A6plow() {
   // 蔬菜-庄家切换
   const [staCut, setStaCut] = useState('蔬菜')
 
-  useEffect(() => {
-    setLeftAc(4)
-  }, [staCut])
-
-  // 切换底部的时候播放视频
-  const [btnVideo, setBtnVideo] = useState('')
+  // useEffect(() => {
+  //   setLeftAc(0)
+  // }, [staCut])
 
   // 打开热点
   const [acName, setAcName] = useState('')
@@ -98,6 +95,7 @@ function A6plow() {
         imgNow={imgNow}
         imgNumFu={imgNumFu}
         bird='tianJian'
+        num={50}
       />
 
       {/* 蔬菜的盒子 */}
@@ -123,31 +121,6 @@ function A6plow() {
         ))}
       </div>
 
-      {/* 切换底部按钮的动画 */}
-      {imgNow
-        ? myData.plow.flooBtn.map(item => (
-            <div
-              className={classNames('A6videoBoxsss', btnVideo === item ? 'A6videoBoxShowsss' : '')}
-              key={item}
-            >
-              <video
-                playsInline
-                muted
-                webkit-playsinline='true'
-                x5-video-player-type='h5'
-                onEnded={() => setBtnVideo('')}
-                src={`${baseURL}plow/${item}.mp4`}
-              >
-                <source type='video/mp4' src={`${baseURL}plow/${item}.mp4`} />
-                Your browser does not support the video tag.
-              </video>
-
-              {/* 右下角的跳过按钮 */}
-              <BtnRight imgName='skip' clickSon={() => setBtnVideo('')} title='跳过' />
-            </div>
-          ))
-        : null}
-
       {/* 底部2个按钮 */}
       {imgNow ? (
         <div className='A6floorBox' hidden={!cutVideoShow}>
@@ -155,23 +128,8 @@ function A6plow() {
             <div
               onClick={() => {
                 setStaCut(v)
-                setBtnVideo(v)
-
                 // 每次切换都是播放第4个视频
-                leftAcFu(4)
-
-                setTimeout(() => {
-                  const domAll: any = document.querySelectorAll('.A6videoBoxsss video')
-                  if (domAll && domAll.length) {
-                    domAll.forEach((v: HTMLVideoElement, i2: number) => {
-                      if (i1 === i2) v.play()
-                      else {
-                        v.pause()
-                        v.currentTime = 0
-                      }
-                    })
-                  }
-                }, 100)
+                leftAcFu(0)
               }}
               className={classNames(v === staCut ? 'A6FrowAc' : '')}
               key={v}