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