From 0d84ed655ed5ae7794abb3ffc89fb6b3e03b7f22 Mon Sep 17 00:00:00 2001
From: zhangjing1 <zhangjing@shopex.cn>
Date: Fri, 6 Feb 2026 13:59:49 +0800
Subject: [PATCH] =?UTF-8?q?bug(=E8=A7=86=E9=A2=91=E6=92=AD=E6=94=BE):?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/home/wgts/slider/index.jsx  | 28 +++++++--------------------
 src/pages/home/wgts/slider/index.scss |  4 ++++
 2 files changed, 11 insertions(+), 21 deletions(-)

diff --git a/src/pages/home/wgts/slider/index.jsx b/src/pages/home/wgts/slider/index.jsx
index 27e036d4d..632e4c869 100644
--- a/src/pages/home/wgts/slider/index.jsx
+++ b/src/pages/home/wgts/slider/index.jsx
@@ -15,15 +15,15 @@ import './index.scss'
 const $instance = getCurrentInstance()
 
 const initialState = {
-  currentDot: 0,
   curIdx: 0,
-  play: false
+  play: false,
+  showPoster: false
 }
 
 const Slider = (props) => {
   const { info } = props
   const [state, setState] = useImmer(initialState)
-  const { currentDot, curIdx, play } = state
+  const { curIdx, play, showPoster } = state
 
   // 从 params 中获取配置和数据，兼容两种数据结构
   // 1. 新结构：info.params.config, info.params.data, info.params.base
@@ -58,13 +58,6 @@ const Slider = (props) => {
     linkPage(item)
   }
 
-  // 轮播切换事件
-  const dotChange = (e) => {
-    const { current } = e.detail
-    setState((draft) => {
-      draft.currentDot = current
-    })
-  }
 
   const swiperChange = (e) => {
     const { current } = e.detail
@@ -227,20 +220,14 @@ const Slider = (props) => {
                 <Video
                   src={item.videoUrl}
                   controls={false}
-                  autoplay={item.autoplay}
+                  autoplay={item.autoplay&&curIdx === idx}
                   objectFit='cover'
                   showCenterPlayBtn={false}
                   showFullscreenBtn={false}
                   muted={false}
                   id={`sliderVideo_${idx}`}
                   className='slider-video'
-                >
-                  {!play && item.imgUrl && (
-                    <Image className='poster' mode='widthFix' src={item.imgUrl} />
-                  )}
-                </Video>
-                {/* 热区 */}
-                {renderHotZones(item)}
+                />
               </>
             )}
 
@@ -278,7 +265,6 @@ const Slider = (props) => {
           current={curIdx}
           interval={config.interval || 3000}
           duration={300}
-          onChange={dotChange}
           onAnimationFinish={swiperChange}
         >
           {renderItems}
@@ -300,14 +286,14 @@ const Slider = (props) => {
           {config.dot !== false &&
             data.map((dot, dotIdx) => (
               <View
-                className={classNames('dot-item', { active: currentDot === dotIdx })}
+                className={classNames('dot-item', { active: curIdx === dotIdx })}
                 key={`dot-item__${dotIdx}`}
               ></View>
             ))}
 
           {config.dot === false && (
             <View className='pagination-count'>
-              {currentDot + 1}/{data.length}
+              {curIdx + 1}/{data.length}
             </View>
           )}
         </View>
diff --git a/src/pages/home/wgts/slider/index.scss b/src/pages/home/wgts/slider/index.scss
index 68ed7b35f..c69b64601 100644
--- a/src/pages/home/wgts/slider/index.scss
+++ b/src/pages/home/wgts/slider/index.scss
@@ -28,6 +28,10 @@
         width: 100%;
         height: 100%;
         display: block;
+        background-color: transparent;
+        video{
+          background-color: transparent;
+        }
         
         .poster {
           width: 100%;