diff --git a/components/diy-components/diy-article.vue b/components/diy-components/diy-article.vue index 2f8bee2..7121341 100644 --- a/components/diy-components/diy-article.vue +++ b/components/diy-components/diy-article.vue @@ -10,7 +10,7 @@ :circular="swiperConfig.circular !== false" :interval="swiperConfig.interval || 3000" :duration="swiperConfig.duration || 500" - :display-multiple-items="swiperConfig.displayMultipleItems || 3"> + :display-multiple-items="safeDisplayMultipleItems"> @@ -73,6 +73,12 @@ swiperConfig() { return this.value?.swiperConfig || {}; }, + // 安全的display-multiple-items值,确保不大于swiper-item数量 + safeDisplayMultipleItems() { + const displayCount = this.swiperConfig.displayMultipleItems || 3; + const actualCount = this.list.length; + return actualCount > 0 ? Math.min(displayCount, actualCount) : 1; + }, warpCss() { var obj = ''; obj += 'background-color:' + this.value.componentBgColor + ';';