小程序
小游戏
企业微信
微信支付
扫描小程序码分享
因为需要网络加载才能复现，所以暂时贴不了代码
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
首先 我也出现了如此问题，暂时使用view和image替代了 cover- ，顺便补充一下问题，（个别iPhone6 所有iPhoneX系列可复现），
在toast期间，滑动屏幕 tabbar也会动，
当你首页滑动一定高度后（大于半屏） ， 切换页面 ，再切换回来，tabbar下移大概100px
希望官方看到吧，此外，cover-view先渲染出来后会被后出来的canvas覆盖
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
自定义的 navigation和 tarbar时，整个页面都是可滚动区域，所以出现了 tabbar 上移和 navigationbar 下移的情况，但是如何处理呢
谢邀，一般没代码不好答，网络数据回答问题的人可以模拟
使用cover-view做bar的外层布局，放置在整个布局的最外层
<
cover-view
class
=
"tab-bar {{darkMode?'darkMode':'dayMode'}}"
>
wx:for
"{{list}}"
wx:key
"index"
"tab-bar-item"
data-path
"{{item.pagePath}}"
data-index
"{{index}}"
bindtap
"switchTab"
cover-image
src
"{{icons[index]}}"
></
style
"color: {{selected === index ? selectedColor : color}}"
>{{item.text}}</
</
.tab-bar {
position
:
fixed
;
bottom
: env(safe-area-inset-
);
left
50
rpx;
right
height
48px
width
650
display
: flex;
border-radius:
24px
border
2
rpx
solid
#888
}
.tab-bar-item {
flex:
1
text-align
center
justify-
content
align-items:
flex-
direction
: column;
.tab-bar-item cover-image {
27px
.tab-bar-item cover-view {
font-size
10px
.darkMode {
background-color
black
.dayMode {
white
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
首先 我也出现了如此问题，暂时使用view和image替代了 cover- ，顺便补充一下问题，（个别iPhone6 所有iPhoneX系列可复现），
在toast期间，滑动屏幕 tabbar也会动，
当你首页滑动一定高度后（大于半屏） ， 切换页面 ，再切换回来，tabbar下移大概100px
希望官方看到吧，此外，cover-view先渲染出来后会被后出来的canvas覆盖
自定义的 navigation和 tarbar时，整个页面都是可滚动区域，所以出现了 tabbar 上移和 navigationbar 下移的情况，但是如何处理呢
谢邀，一般没代码不好答，网络数据回答问题的人可以模拟
使用cover-view做bar的外层布局，放置在整个布局的最外层
<cover-viewclass="tab-bar {{darkMode?'darkMode':'dayMode'}}"><cover-viewwx:for="{{list}}"wx:key="index"class="tab-bar-item"data-path="{{item.pagePath}}"data-index="{{index}}"bindtap="switchTab"><cover-imagesrc="{{icons[index]}}"></cover-image><cover-viewstyle="color: {{selected === index ? selectedColor : color}}">{{item.text}}</cover-view></cover-view></cover-view>.tab-bar {position:fixed;bottom: env(safe-area-inset-bottom);left:50rpx;right:50rpx;height:48px;width:650rpx;display: flex;border-radius:24px;border:2rpxsolid#888;}.tab-bar-item {flex:1;text-align:center;display: flex;justify-content:center;align-items:center;flex-direction: column;}.tab-bar-item cover-image {width:27px;height:27px;}.tab-bar-item cover-view {font-size:10px;}.darkMode {background-color:black;}.dayMode {background-color:white;}