swiper组件，纵向滚动，第一页高度不定，之后页面高度是屏高，怎么设置

分类：uni-app

swiper uniapp

2023-09-28 11:38 负责人:无分享

1 个回复

喜欢技术的前端 - QQ---445849201

可以根据current 去动态设置高度

<swiper class="swiper" :vertical="true"  @change="change" :style="{'height':current == 0?height:'100vh'}">  
    <swiper-item v-for="(item,index) in background" :key="index" >  
        <view class="swiper-item uni-bg-red" :style="{'height':height}">A{{index}}</view>  
    </swiper-item>  
</swiper>  

data() {  
    return {  

        height:'500px',  
        current:0  
    }  
},  

methods:{  
        change(event){  
            this.current = event.detail.current  
            console.log(event.detail.current)  
    },  
}

要回复问题请先登录或注册

swiper组件，纵向滚动，第一页高度不定，之后页面高度是屏高，怎么设置

1 个回复

公告

相关问题

swiper组件，纵向滚动，第一页高度不定，之后页面高度是屏高，怎么设置

与内容相关的链接

1 个回复

公告

相关问题