小程序
小游戏
企业微信
微信支付
扫描小程序码分享
swiper组件,经过我两天测试,发现ios真机基础库为2.22.0的版本,会出现首次进入小程序,页面加载后,swiper-item 只有第一个正常显示,后面的dom都加载出来了,界面上不显示,这是我的单独的一个swiper-item(有点复杂,主要是未显示的内容里,我审查节点,dom其实都加载出来了));
我用另一台设备,基础库为2.16.0测试,发现没这个问题,所以发出来希望帮忙看看!
8 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
swiper-item 内的首层设置position:relative会影响组件的布局,
以上面@ninjiacoder 提供的代码片段:https://developers.weixin.qq.com/s/VQAvY5mS7Dxb为例
去掉高亮这一行的“position: relative”属性值可以解~
图片放在swiper-item子容器中可以显示
在第二个 swiper-item 上加上下面的样式。
微信在iOS端把它的样式去除了
你把外层的盒子高度定两倍,你就能发现原因
<swiper-item style="position: absolute;">
反复测试后发现swiper-item里有video和图文混编后就会有这种问题 纯图文并没有任何问题
没什么好办法 应该是video有特殊处理
有人解决了这个问题吗
同问,2021年底用户反馈这个问题,swiper 第一屏显示,拖到第二屏就是空白的,重新进入这个页面就好了,于是技术测试也是只有iOS手机出现,安卓手机正常,项目是老项目,近期并未更改,希望有解决的分享一下
请问,现在各位遇到这个问题的,都怎么解决的呀
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
具体机型:iPhone 13 Pro
微信版本号:8.0.18
系统版本号:15.3
swiper-item 内的首层设置position:relative会影响组件的布局,
以上面@ninjiacoder 提供的代码片段:https://developers.weixin.qq.com/s/VQAvY5mS7Dxb为例
去掉高亮这一行的“position: relative”属性值可以解~
图片放在swiper-item子容器中可以显示
在第二个 swiper-item 上加上下面的样式。
微信在iOS端把它的样式去除了
你把外层的盒子高度定两倍,你就能发现原因
<swiper-item style="position: absolute;">
反复测试后发现swiper-item里有video和图文混编后就会有这种问题 纯图文并没有任何问题
没什么好办法 应该是video有特殊处理
有人解决了这个问题吗
同问,2021年底用户反馈这个问题,swiper 第一屏显示,拖到第二屏就是空白的,重新进入这个页面就好了,于是技术测试也是只有iOS手机出现,安卓手机正常,项目是老项目,近期并未更改,希望有解决的分享一下
请问,现在各位遇到这个问题的,都怎么解决的呀