<swiper :style="'height:'+windowHeight+'px;'+'margin-top:'+mtop+'px'" :current="current" @change="changeswiper"
:autoplay="false" :duration="300">
<swiper-item :style="'height:'+windowHeight+'px'">
<view class="swiper-item" :style="'height:'+windowHeight+'px'">
内容
</view>
</swiper-item>
<swiper-item :style="'height:'+windowHeight+'px'">
<view class="swiper-item" :style="'height:'+windowHeight+'px'">
内容
</view>
</swiper-item>
</swiper>
凌晨四点半
- 发布：2023-08-29 21:44
- 更新：2023-08-30 09:36
- 阅读：300
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10x64
HBuilderX类型： 正式
HBuilderX版本号： 3.8.12
第三方开发者工具版本号： 1.06.2307260
基础库版本号： 3.0.1
项目创建方式： HBuilderX
示例代码：
操作步骤：
粘贴代码设置windowHeight为高度
粘贴代码设置windowHeight为高度
预期结果：
左右滑动显示不一样的页面内容
左右滑动显示不一样的页面内容
实际结果：
左右滑动第一页的swiper-item和第二页的swiper-item重叠，纵向显示
左右滑动第一页的swiper-item和第二页的swiper-item重叠，纵向显示
bug描述：
将swiper的高度通过获取屏幕高度设置，其他的也也设置一样的高度，然后发现2个swiper-item 是上下排列，第二个swiper-item 是空白
1 个回复
爱豆豆 - 办法总比困难多
按照你的说明 我测试没有发现这个问题 你是运行的那个端呢？