diff --git a/src/core/view/components/swiper/index.vue b/src/core/view/components/swiper/index.vue index 5a14aa7d9a88f56e8306ef5e4e3752d20fa3447c..5dcf2582ac8e51a598469df04a66a922c62c3d90 100644 --- a/src/core/view/components/swiper/index.vue +++ b/src/core/view/components/swiper/index.vue @@ -88,7 +88,7 @@ export default { }, slidesStyle () { var style = {} - if (this.nextMargin || this.nextMargin) { + if (this.nextMargin || this.previousMargin) { style = this.vertical ? { left: 0, right: 0, @@ -101,10 +101,15 @@ export default { right: this._upx2px(this.nextMargin) } } - style.width = this.vertical ? '100%' : Math.abs(100 / this.displayMultipleItemsNumber) + '%' - style.height = !this.vertical ? '100%' : Math.abs(100 / this.displayMultipleItemsNumber) + '%' return style }, + slideFrameStyle () { + var value = Math.abs(100 / this.displayMultipleItemsNumber) + '%' + return { + width: this.vertical ? '100%' : value, + height: !this.vertical ? '100%' : value + } + }, circularEnabled () { return this.circular && this.items.length > this.displayMultipleItemsNumber } @@ -580,7 +585,8 @@ export default { }, [ createElement('div', { ref: 'slideFrame', - class: 'uni-swiper-slide-frame' + class: 'uni-swiper-slide-frame', + style: this.slideFrameStyle }, swiperItems) ])] if (this.indicatorDots) {