diff --git a/src/pages/home/wgts/slider/index.jsx b/src/pages/home/wgts/slider/index.jsx index fbbd7b894..800514fdd 100644 --- a/src/pages/home/wgts/slider/index.jsx +++ b/src/pages/home/wgts/slider/index.jsx @@ -250,6 +250,7 @@ const Slider = (props) => { return ( + {config && ( { )} - {data.length > 1 && ( + {data.length >= 1 && ( { )} )} + ) } diff --git a/src/pages/home/wgts/slider/index.scss b/src/pages/home/wgts/slider/index.scss index 282ef478a..2aa215cc6 100644 --- a/src/pages/home/wgts/slider/index.scss +++ b/src/pages/home/wgts/slider/index.scss @@ -5,28 +5,40 @@ .wgt-slider { box-sizing: border-box; - position: relative; width: 100%; + &-wrap { + position: relative; + width: 100%; + height: 100%; + } + .slider-img { width: 100%; height: 100%; } + .rounded { + .sp-image-content { + border-radius: 16px!important; + overflow: hidden; + } + } + .slider-item { position: relative; - + .wrapper-img { position: relative; width: 100%; height: 100%; - + .slider-item__img { width: 100%; height: 100%; display: block; } - + .slider-video { width: 100%; height: 100%; @@ -36,37 +48,37 @@ video { background-color: transparent; } - + .poster { width: 100%; height: 100%; object-fit: cover; } } - + // 热区样式 .img-hotzone_zone { position: absolute; z-index: 9; cursor: pointer; } - + // 覆盖层样式 .overlay-content { position: absolute; z-index: 10; pointer-events: auto; transition: opacity 0.3s ease-in-out; - + &.overlay-visible { opacity: 1; } - + &.overlay-hidden { opacity: 0; pointer-events: none; } - + .over-lay { width: 100%; display: block; @@ -77,7 +89,7 @@ .slider-pagination { position: absolute; - bottom: 20px; + bottom: 0px; z-index: 200; box-sizing: border-box; padding: 20px;