moviable-view是小程序中可移动视图容器,可以用于制作一些需要滑动操作的场景。需要实现拖动操作的时候需要通过这种方法来实现。
moviable-view的属性:
1.缩放控制属性:
2.其它控制
3.特殊事件
注意:movable-view必须在<movable-area/>
组件中,并且必须是直接子节点,否则不能移动。
movable-view 必须设置width和height属性,不设置默认为10px
movable-view 默认为绝对定位,top和left属性为0px
当movable-view小于movable-area时,movable-view的移动范围是在movable-area内;当movable-view大于movable-area时,movable-view的移动范围必须包含movable-area(x轴方向和y轴方向分开考虑)
<view class="section">
<view>movable-view区域小于movable-area</view>
<movable-area style="height: 200px;width: 200px;background: red;">
<movable-view style="height: 50px; width: 50px; background: blue;" x="0" y="0" direction="all">
</movable-view>
</movable-area>
</view>