uni-app 小程序实现全屏客服按钮随意拖动_uniapp随屏幕滑动按钮

 xy轴给与初始位置

可以自己封装成组件

<!-- x,y轴 -->
<movable-area class="movableArea">
	<movable-view class="movableView" direction="all" x="650rpx" y="800rpx">
		<image src="图片.png" mode="widthFix"></image>
		<button open-type='contact'  class="btn">在线客服</button>
        <text style="color: #fff;font-size: 15rpx;margin-top: 5rpx;">在线客服</text>
	</movable-view>
</movable-area>
 
<!-- css -->
 
.movableArea {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: 99;
	
		.movableView {
			pointer-events: auto;
			width: 100rpx;
			height: 100rpx;
            display: flex;
			align-items: center;
			justify-content: center;
 
			image {
				width: 100%;
				height: 100%;
			}
			// 客服
		.btn {
			width: 50px;
			height: 50px;
			overflow: hidden;
			position: absolute;
			left: 0px;
			top: 0px;
			border-radius: 100%;
			opacity: 0;
		}
			
	}
}