3
实例化<van-action-sheet show="{{ show }}" actions="{{ actions }}" cancel-text="取消" /> 全局的vant tabbar会遮挡到action-sheet 的底部
Q
[youzan/vant-weapp]tabbar遮挡到action-sheet组件
A
回答
7
<van-action-sheet show="{{ show }}" actions="{{ actions }}" cancel-text="取消" /> cancel-text="取消"会被tabbar遮挡到
1
微信的tabbar层级位于最顶层，使用z-index是无法覆盖的。
无论原生的tabbar还是用van-tabbar作为自定义tabbar都是一样的。
具体可以看下微信社区的讨论。
https://developers.weixin.qq.com/community/develop/doc/000ee4ccd6cfa8a67da76bad251000
2
computed: { screenHeight() { return window.innerHeight - 50 + "px"; }, },
然后设置 路由的style
动态计算高度，这样久不会覆盖了