uni-app swiper高度自适应问题，scroll-view滑动失效问题

swiper高度适用问题：使用calc() 函数（注：直接赋值给行内样式是不生效的），动态计算长度值，给swiper父级容器添加样式
scroll-view滑动失效问题：同理，动态赋予高度值

html

<!-- 消息列表 -->
		<view class="wrap">
			<!-- swiper -->
			<swiper class="swiper-box" :current="swiperCurrent" @change="onchange">
				<swiper-item class="swiper-item">
					<scroll-view scroll-y style="height: 100%;width: 100%;">
						<view class="page-box">
							...
						</view>
					</scroll-view>
				</swiper-item>
			</swiper>
		</view>

css

.wrap {
		display: flex;
		flex-direction: column;
		height: calc(100vh - var(--window-top));
		width: 100%;
	}

触底事件

在swiper里做成list列表展示时，自带的触底事件不能触发，解决方法：在scroll-view中添加事件——@scrolltolower=“onReachBottom1”

......
<swiper-item class="swiper-item">
	<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="onReachBottom1">
		<view class="page-box">
			<uniList class="uniList" v-if='dataList[4][0].length>0'>
				.........

method：{
	//触底事件
	onReachBottom1(){
				console.log("触底啦")
				console.log(this.currentIndex)
			},
	}