uni-popup引入movable-area组件会导致拖拽条可拖出最大范围

最近在开发uniapp项目时需要在弹窗里引入一个拖拽条,如下:

引入官方组件movable-view,movable-view必须在movable-area组件中,并且必须是直接子节点,否则不能移动。起初当进度条滑动过快时会有失帧问题,查找官网发现movable-view有如下几个属性:

1、

inertiaBooleanfalsemovable-view是否带有惯性
dampingNumber20阻尼系数,用于控制x或y改变时的动画和过界回弹的动画,值越大移动越快360小程序不支持
frictionNumber2摩擦系数,用于控制惯性滑动的动画,值越大摩擦力越大,滑动越快停止;必须大于0,否则会被设置成默认值360小程序不支持

不加此属性,当拖拽速度过快时,拖拽条会因为惯性问题失帧。

失帧问题解决之后,发现当在弹窗组件里使用此组件时,限制不了可移动的最大范围。

找了很多方式发现不能写在弹窗里,应该是源码有冲突,如果需要弹窗的话,就改成自定义背景色就好了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小白的成长日记

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值