swiper 组件的 display-multiple-items属性 在nvue下失效
<template>
<div class="scroll-box"><!-- v-for="(item,index) in pikerData" -->
<swiper vertical :display-multiple-items="3" class="scroll-view" >
<swiper-item v-for="(item,index) in 100" class="item">
<text :style="{width:750/pikerData.length+'upx'}">{{item}}</text>
</swiper-item>
</swiper>
</div>
</template>
<script>
export default {
props:{
pikerData:{
type:Array,
default:[
[],[],[]
]
}
}
}
</script>
<style>
.scroll-box{
background-color: #007AFF;
height: 200px;
width: 750upx;
flex-direction: row;
}
.scroll-view{
height: 200px;
flex-grow: 1;
width: 750upx;
}
.item{
text-align: center;
}
</style>
3 个回复
h***@163.com
同遇到这个bug ,望处理
maisv
同问,太坑了
DCloud_UNI_GSQ
nvue 不支持此配置,已在文档注明