swiper 高度问题 --- 解决H5可用,微信不可用

789 阅读1分钟
<view class="attention-page-list">
			<swiper class="attention-page-list-swiper" @change="change" :current="activeIndex">
				<swiper-item class="attention-page-list-swiper-item">
					<view class="swiper-item">
						<list-scroll>
							<uni-load-more v-if="articleList.length === 0 && !article_isNo" iconType="snow" status="loading"></uni-load-more>
							<list-card :item="item" v-for="item in articleList" types="indexLike" :key="item._id"></list-card>
							<view v-if="article_isNo" class="No-content">
								没有更多数据
							</view>
						</list-scroll>					
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<list-scroll>							
							<list-author v-for='item in author' :item="item"></list-author>
						</list-scroll>						
					</view>
				</swiper-item>
			</swiper>
		</view>

swiper组件在H5中正常显示,但是在微信中高度不能显示出来。

.attention-page-list {
			margin-bottom: 70px;
			flex: 1;
			// height: 100%;
			height: 100vh;

此时, height: 100%; 在微信里面不适用,只能 height: 100vh;