小程序实现在一定区域内拖拽浮窗，并不阻碍下方区域的点击事件

在小程序首页实现浮窗，一个排除最上方导航栏，其他区域均可拖拽的区域功能

使用uniapp官网的movable-area标签和movable-view标签配合使用，官方文档在线路径：https://uniapp.dcloud.net.cn/component/movable-area.html

实现浮窗在页面内固定不随滚动页面而调整位置时，需要设置fixed属性来将浮窗模块固定在页面上。

在template模块里使用

<movable-area class="call-back">
	<movable-view :x="320" :y="350"  direction="all" class="call-btn"  @click="callNumber"></movable-view>
</movable-area>

movable-area标签相当于是给里面的movable-view设置了一个固定区域，只可以在此区域滚动

css样式如下，注意

.call-back{
	position: fixed;
	right: 24rpx;
	top: 20%;
	height: 70%;
	width: 100%;
	pointer-events: none;    //**必写，不写会导致此区域下所有点击事件不触发**
}
.call-btn{
	pointer-events: auto;   //**必写，不写会导致此模块里所有点击事件不触发**
	width: 124rpx;
	height: 124rpx;
	background: url('../../static/call_phone.png');
	background-size: 100% 100%;
}

之前没有写pointer-events: none; ，导致区域下面的内容点击后不触发方法，被图层盖住了，注意此属性必须要写，这个小的拖拽浮窗就做完了，欢迎大家提问，帮到你的话可以点赞，收藏，关注我哦，不定时更新别的小功能。