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

巴特西

uniapp swiper高度自适应问题

最新文章

热门文章