<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;