小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 当前 Bug 的表现(可附上截图)
一个iphone 6 plus用户反馈导航栏错位。凡是包含需要滑动下翻的较长的列表,都会出现错位。
但使用其他iphone6+真机测试,无此问题!
- 预期表现
- 复现路径
pages/post/post
- 提供一个最简复现 Demo
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
是只有一个手机有问题?提供一下能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
嗯,目前只碰到一个反馈。wxss: @import "post-item/post-item-template.wxss"; Page{ background-color:#FBFBFB } swiper{ width:100%; height:300rpx; } .banner1{ width:100%; height:100%; padding-top:0; } .banner2{ width:100%; height:100%; margin-top:0; } .banner3{ width:100%; height:100%; padding-top:0; } /* list格式 */ /* tab格式 */ page{ display: flex; flex-direction: column; height: 100%; } .navbar{ flex: none; display: flex; background: #fff; font-size:30rpx; } .navbar .item{ position: relative; flex: auto; text-align: center; line-height: 80rpx; } .navbar .item.active{ color: #FFCC00; } .navbar .item.active:after{ content: ""; display: block; position: fixed; bottom: 0; left: 0; right: 0; height: 4rpx; background: #FFCC00; } .bottom-mind{ font-size:22rpx; } wxml: <view class="navbar"> <text wx:for="{{navbar}}" data-idx="{{index}}" class="item {{currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="navbarTap">{{item}}</text> </view>
请按这种格式提供代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
是只有一个手机有问题?提供一下能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
嗯,目前只碰到一个反馈。wxss: @import "post-item/post-item-template.wxss"; Page{ background-color:#FBFBFB } swiper{ width:100%; height:300rpx; } .banner1{ width:100%; height:100%; padding-top:0; } .banner2{ width:100%; height:100%; margin-top:0; } .banner3{ width:100%; height:100%; padding-top:0; } /* list格式 */ /* tab格式 */ page{ display: flex; flex-direction: column; height: 100%; } .navbar{ flex: none; display: flex; background: #fff; font-size:30rpx; } .navbar .item{ position: relative; flex: auto; text-align: center; line-height: 80rpx; } .navbar .item.active{ color: #FFCC00; } .navbar .item.active:after{ content: ""; display: block; position: fixed; bottom: 0; left: 0; right: 0; height: 4rpx; background: #FFCC00; } .bottom-mind{ font-size:22rpx; } wxml: <view class="navbar"> <text wx:for="{{navbar}}" data-idx="{{index}}" class="item {{currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="navbarTap">{{item}}</text> </view>
请按这种格式提供代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)