小程序 moviable-view容器

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>

猜你喜欢

转载自blog.csdn.net/Abudula__/article/details/81198064