fix: swiper组件style传入问题

AntmJS · Jul 24, 2024 · ff9c509 · ff9c509
1 parent c5be5d2
commit ff9c509
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/vantui/src/swiper/demo/demo1.tsx b/packages/vantui/src/swiper/demo/demo1.tsx
@@ -18,6 +18,7 @@ export default function Demo() {
         autoPlay="3000"
         initPage={initPage1}
         paginationVisible
+        style={{ borderRadius: 12 }}
       >
         {images.map((item, index) => (
           <SwiperItem key={`swiper#demo1${index}`}>

diff --git a/packages/vantui/src/swiper/swiper.tsx b/packages/vantui/src/swiper/swiper.tsx
@@ -375,15 +375,16 @@ const Swiper = (
   }, [size, childCount])
 
   const containerStyle = useMemo(() => {
-    const style = {
+    const _style = {
       width: W || '100%',
       height: H || '100%',
+      ...style,
     }
     if (containerSize) {
-      style[isVertical ? 'height' : 'width'] = containerSize
+      _style[isVertical ? 'height' : 'width'] = containerSize
     }
 
-    return style
+    return _style
   }, [H, W, containerSize, isVertical])
 
   return (