智能小程序 Ray 开发实践——视图容器组件 MovableArea 和 MovableView 介绍

MovableArea

MovableView 的可移动区域。

导入

import { MovableArea } from '@ray-js/ray';

属性说明

属性	类型	默认值	必填	说明	支持平台
scaleArea	boolean	false	否	当里面的 MovableView 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个 MovableArea	Web

👉 立即免费领取开发资源，体验涂鸦 MiniApp 小程序开发。

 

MovableView

可移动的视图容器，在页面中可以拖拽滑动。MovableView 必须在 movable-area 组件中，并且必须是直接子节点，否则不能移动。

导入

import { MovableView } from '@ray-js/ray';

属性说明

属性名	类型	默认值	必填	说明	支持平台
direction	string	none	否	MovableView 的移动方向，属性值有 all、vertical、horizontal、none