MovableArea
movable-view 的可移动区域
支持情况:
类型
ComponentType<MovableAreaProps>
示例代码
- React
- Vue
class App extends Components {
render () {
return (
<MovableArea style='height: 200px; width: 200px; background: red;'>
<MovableView style='height: 50px; width: 50px; background: blue;' direction='all'>旅行的意义</MovableView>
</MovableArea>
)
}
}
<movable-area style='height: 200px; width: 200px; background: red;'>
<movable-view style='height: 50px; width: 50px; background: blue;' direction='all'>在路上</movable-view>
</movable-area>
MovableAreaProps
参数 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
scaleArea | boolean | false | 否 | 当里面的 movable-view 设置为支持双指缩放时,设置此值可将缩放手势生效区域修改为整个 movable-area |
API 支持度
API | 微信小程序 | 百度小程序 | 支付宝小程序 | 抖音小程序 | QQ 小程序 | 京东小程序 | H5 | React Native | Harmony | Harmony hybrid |
---|---|---|---|---|---|---|---|---|---|---|
MovableAreaProps.scaleArea | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ |