movable-area的高度可能包含tabBar的高度
发布于 6 年前 作者 fma 19803 次浏览 来自 问答

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' }}">image>
 movable-view>
movable-area>

引用自定义组件的页面audio.wxml如下:

<view class="layout">
 <view class="layout-header">view>
 <view class="layout-content">
 view>
 <view class="layout-footer">view>
view>
<audio-background>audio-background>

导致movable-view可以移动到tabbar下面。

但是设置scroll-view的高度为100vh时,是会去掉tabbar的高度的。

另外,开发者工具是会忽略tabbar的,只是真机上(nexus5x,小米5s)不会。

希望movable-area也能忽略tabbar的高度。

补充开发者工具图片和真机截图:

另外,真机上还无法拖动到最右边,但是能拖到最左边。

好吧,只是预览扫码调试打开小程序会有上面的问题,但是从其他地方打开小程序(比如退出再打开),就没这些问题了(望天。

2 回复

你能解决我提出的问题么

补充:预览扫码打开其他tab页面(比如“推荐”/“视频”/“我的”),然后再切换到“广播”页面,也不会出现此问题。所以就是仅在预览扫码打开当前页面时有这个问题。

回到顶部