fix Carousel style bug

https://github.com/iview/iview/issues/6076
2019-12-16 09:56:03 +08:00 · 2019-12-16 09:56:03 +08:00 · 01a4abe8ce
commit 01a4abe8ce
parent bfb6931364
2 changed files with 8 additions and 3 deletions
--- a/src/components/carousel/carousel.vue
+++ b/src/components/carousel/carousel.vue
@ -113,10 +113,13 @@
                ];
            },
            trackStyles () {
+                // #6076
+                const visibleStyle = this.trackIndex === -1 ? 'hidden' : 'visible';
                return {
                    width: `${this.trackWidth}px`,
                    transform: `translate3d(${-this.trackOffset}px, 0px, 0px)`,
-                    transition: `transform 500ms ${this.easing}`
+                    transition: `transform 500ms ${this.easing}`,
+                    visibility : visibleStyle
                };
            },
            copyTrackStyles () {
@ -125,7 +128,7 @@
                    transform: `translate3d(${-this.trackCopyOffset}px, 0px, 0px)`,
                    transition: `transform 500ms ${this.easing}`,
                    position: 'absolute',
-                    top: 0
+                    // top: 0
                };
            },
            arrowClasses () {