movable-area设置height:100vh或者如下css:
.icon-area { /* width: 100vw; height: 100vh; */ position : absolute ; top : 0 ; right : 0 ; bottom : 0 ; left : 0 ; height : 100% ; width : 100% ; pointer-events: none ; } |
自定义组件audio-background.wxml如下:
< movable-area class = "icon-area" > < movable-view class = "icon-view" direction = "all" inertia> < image class = "icon" src = "{{ playing ? '/static/images/audio-pause.png' : '/static/images/audio-play.png' }}" >
|
引用自定义组件的页面audio.wxml如下:
< view class = "layout" > < view class = "layout-header" >
|
导致movable-view可以移动到tabbar下面。
但是设置scroll-view的高度为100vh时,是会去掉tabbar的高度的。
另外,开发者工具是会忽略tabbar的,只是真机上(nexus5x,小米5s)不会。
希望movable-area也能忽略tabbar的高度。
补充开发者工具图片和真机截图:
另外,真机上还无法拖动到最右边,但是能拖到最左边。
好吧,只是预览扫码调试打开小程序会有上面的问题,但是从其他地方打开小程序(比如退出再打开),就没这些问题了(望天。
你能解决我提出的问题么
补充:预览扫码打开其他tab页面(比如“推荐”/“视频”/“我的”),然后再切换到“广播”页面,也不会出现此问题。所以就是仅在预览扫码打开当前页面时有这个问题。