如果没有添加onEnter,那么page-container出现时将不会有过渡动画!!!!!! ------ 这个问题顶一下,非常奇葩的配置,官方给的demo就有这个问题,希望大家注意!
page-container 组件的无法覆盖问题和动画问题// wxml <button class="btn" bindtap="popup" >底部弹出</button> <view class="a">xxxxx</view> <page-container show="{{show}}" bindenter="onEnter" > <view class="detail-page"></view> </page-container> <view class="a">xxxxx</view> // wxss .detail-page { min-height: 500px; position: relative; z-index: 100 } .a { font-size: 300rpx; margin-top: 100rpx; position: relative; z-index: 0 } // js Page({ data: { show: false, }, popup() { this.setData({ show: true, }) }, }) [图片][图片] [视频] page-container组件与其他组件同层级,但是设置了z-index却还是无法覆盖位于后面的开启了定位的组件。 只能通过在wxml中将其置于最后,才能覆盖前面的开启了定位的组件 还有,如果没有添加onEnter,那么page-container出现时将不会有过渡动画
2021-06-30