Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
qq_36567140
unidocs-zh
提交
31ff930e
U
unidocs-zh
项目概览
qq_36567140
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
31ff930e
编写于
5月 11, 2022
作者:
study夏羽
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
补充平台差异说明
上级
ee6491c3
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
14 addition
and
14 deletion
+14
-14
docs/component/movable-view.md
docs/component/movable-view.md
+14
-14
未找到文件。
docs/component/movable-view.md
浏览文件 @
31ff930e
...
...
@@ -15,27 +15,27 @@
|属性名|类型|默认值|说明|平台差异说明|
|:-|:-|:-|:-|:-|
|direction|String|none|movable-view的移动方向,属性值有all、vertical、horizontal、none||
|inertia|Boolean|false|movable-view是否带有惯性|
微信小程序、支付宝小程序、App、H5、百度小程序、京东小程序、字节跳动小程序
|
|out-of-bounds|Boolean|false|超过可移动区域后,movable-view是否还可以移动|
微信小程序、支付宝小程序、App、H5、百度小程序、快手小程序、京东小程序、字节跳动小程序
|
|inertia|Boolean|false|movable-view是否带有惯性||
|out-of-bounds|Boolean|false|超过可移动区域后,movable-view是否还可以移动||
|x|Number / String||定义x轴方向的偏移,如果x的值不在可移动范围内,会自动移动到可移动范围;改变x的值会触发动画||
|y|Number / String||定义y轴方向的偏移,如果y的值不在可移动范围内,会自动移动到可移动范围;改变y的值会触发动画||
|damping|Number|20|阻尼系数,用于控制x或y改变时的动画和过界回弹的动画,值越大移动越快|
微信小程序、支付宝小程序、App、H5、百度小程序、京东小程序、字节跳动小程序
|
|friction|Number|2|摩擦系数,用于控制惯性滑动的动画,值越大摩擦力越大,滑动越快停止;必须大于0,否则会被设置成默认值|
微信小程序、支付宝小程序、App、H5、百度小程序、京东小程序、字节跳动小程序
|
|damping|Number|20|阻尼系数,用于控制x或y改变时的动画和过界回弹的动画,值越大移动越快|
360小程序不支持
|
|friction|Number|2|摩擦系数,用于控制惯性滑动的动画,值越大摩擦力越大,滑动越快停止;必须大于0,否则会被设置成默认值|
360小程序不支持
|
|disabled|Boolean|false|是否禁用||
|scale|Boolean|false|是否支持双指缩放,默认缩放手势生效区域是在movable-view内|
微信小程序、支付宝小程序、App、H5、快手小程序、京东小程序、字节跳动小程序、字节跳动小程序
|
|scale-min|Number|0.5|定义缩放倍数最小值|
微信小程序、支付宝小程序、App、H5、快手小程序、京东小程序、字节跳动小程序
|
|scale-max|Number|10|定义缩放倍数最大值|
微信小程序、支付宝小程序、App、H5、快手小程序、京东小程序、字节跳动小程序
|
|scale-value|Number|1|定义缩放倍数,取值范围为 0.5 - 10|
微信小程序、支付宝小程序、App、H5、快手小程序、京东小程序、字节跳动小程序
|
|animation|Boolean|true|是否使用动画|
微信小程序、支付宝小程序、App、H5、百度小程序、快手小程序、京东小程序、字节跳动小程序
|
|scale|Boolean|false|是否支持双指缩放,默认缩放手势生效区域是在movable-view内|
360小程序不支持
|
|scale-min|Number|0.5|定义缩放倍数最小值||
|scale-max|Number|10|定义缩放倍数最大值||
|scale-value|Number|1|定义缩放倍数,取值范围为 0.5 - 10||
|animation|Boolean|true|是否使用动画||
|@change|EventHandle||拖动过程中触发的事件,event.detail = {x: x, y: y, source: source},其中source表示产生移动的原因,值可为touch(拖动)、touch-out-of-bounds(超出移动范围)、out-of-bounds(超出移动范围后的回弹)、friction(惯性)和空字符串(setData)||
|@scale|EventHandle||缩放过程中触发的事件,event.detail = {x: x, y: y, scale: scale},|
微信小程序、App、H5、百度小程序、快手小程序、京东小程序、字节跳动小程序
|
|@scale|EventHandle||缩放过程中触发的事件,event.detail = {x: x, y: y, scale: scale},||
除了基本事件外,movable-view提供了两个特殊事件
|类型|触发条件|
|:-|:-|
|htouchmove|初次手指触摸后移动为横向的移动,如果catch此事件,则意味着touchmove事件也被catch|
|vtouchmove|初次手指触摸后移动为纵向的移动,如果catch此事件,则意味着touchmove事件也被catch|
|类型|触发条件|
平台差异说明|
|:-|:-|
:-|
|htouchmove|初次手指触摸后移动为横向的移动,如果catch此事件,则意味着touchmove事件也被catch|
微信小程序、百度小程序、QQ小程序、快手小程序、快应用|
|vtouchmove|初次手指触摸后移动为纵向的移动,如果catch此事件,则意味着touchmove事件也被catch|
微信小程序、百度小程序、QQ小程序、快手小程序、快应用|
> movable-view 必须设置width和height属性,不设置默认为10px
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录