项目中需要一个可拖动的小图标，先粗略的总结一下，
1.小程序组件movable-view
文档地址：https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html#movable-area
movable-view可移动的范围是在整个movable-area区域，所以movable-area是必须的，一般图标可以全屏幕移动的，movable-areas就是pages下的最高父级，包裹所有节点的
附上代码。只是先粗略的弄一下，有需要了解的可以直接留言：
<movable-area>
<movable-view x="{{x}}" y="{{y}}" direction="all" out-of-bounds="true">
<image bindtap='xs' class='xfbtn' mode='aspectFit' src=''></image>
</movable-view>
</movable-area>
js:
x,y可以定义图标的起始位置
Pages({
data:{
x: 0,
y: 0,
scale: 2,
}
})
wxss:
movable-view {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
position: fixed;
width: 176rpx;
height: 176rpx;
z-index: 9999;
}
movable-area {
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
z-index: 9999;
}