MovableView 可移动的视图容器

用于在页面中放置可拖动的内容，例如悬浮入口。

支持平台

以下为官网文档所列的平台支持情况，具体功能及版本限制请参见本页的平台说明。

App-vue	App-nvue	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序	H5	PC	快手小程序	钉钉小程序
✓	✓	✓	✓	✓	✓	✓	✓	✓	✓	✓

基础用法

<!-- 可移动的悬浮内容 -->
<fui-movable-view direction="all">
  <view>拖动我</view>
</fui-movable-view>

属性

属性	类型	说明	官网默认值
left	Number / String	距左侧的初始距离，单位 rpx；大于 -1 时优先于 right	-1
right	Number / String	距右侧的初始距离，单位 rpx	80
top	Number / String	距顶部的初始距离，单位 rpx；大于 -1 时优先于 bottom	-1
bottom	Number / String	距底部的初始距离，单位 rpx	120
zIndex	Number / String	层级；nvue 不支持该属性，后面的元素默认位于上层	10
direction	String	移动方向：all、vertical、horizontal 或 none	all

事件

事件	说明	回调参数
change	初始化及位置变化时触发	{ x, y }，单位为 px

插槽

插槽	说明
default	可移动的内容