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) => {
- {/* 热区 */}
- {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) => (
))}
{config.dot === false && (
- {currentDot + 1}/{data.length}
+ {curIdx + 1}/{data.length}
)}
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%;