由于项目中需要使用到这个功能,经过探索发现了前人各种实现,也发现了movable-area
组件。
但是有个问题,movable-area
必须要全屏大小才行,不然拖动范围很小,而movable-area
全屏后,就会把底下的其他组件遮住,而不遮住的话,又拖不动了按钮(被其他的组件遮住了),看似是死循环,经过研究,得以解决,代码如下:
<movable-area style="pointer-events: none;">
<movable-view direction="all" style="pointer-events: all;">
<view>我是按钮</view>
</movable-view>
</movable-area>
其中的核心就是将movable-area
的样式pointer-events
设置为none
,即这个全屏区域将不会响应事件了,然后再将里面的按钮movable-view
的pointer-events
设置为all
,即开启它的事件响应,于是问题得以顺利解决~
仅供参考,希望可以帮助到大家~
4 个评论
要回复文章请先登录或注册
zhangdaren (作者)
z***@t-chip.com.cn
zhangdaren (作者)
小小菜76055421