uniapp swiper高度自適應問題

這里的話是想做一個比較常見的左右滑動更改tab的效果，引用了uview-ui中的u-tabs-swiper組件，需要結合swiper組件來使用

先來講下主體思路：每個tab頁（swiper-item）都嵌套在swiper中，swiper-item中在放置一個scroll-view，實現超出部分滑動；即讓swiper、scroll-view高度都占滿屏幕剩余部分

1）、設置swiper占滿

 2）、取得swiper高度

mounted() {
    let info = uni.createSelectorQuery().in(this).select('.swiper_group').boundingClientRect()
    info.exec(res => {
        this.scrollHeight = res[0].height
        console.log(this.scrollHeight)
    })
}

3）、將高度傳入tab頁的組件中，組件布局如下，嵌套了一個scroll-view，設置高度（scroll-view縱向划動必須設置高度）

 

 

 

參考文章：http://www.luyixian.cn/news_show_324576.aspx

　　　　   https://www.cnblogs.com/is-meeeee/p/12407855.html

　　　　   https://ask.dcloud.net.cn/question/69782