最近在开发uniapp项目时需要在弹窗里引入一个拖拽条,如下:
引入官方组件movable-view,movable-view
必须在movable-area
组件中,并且必须是直接子节点,否则不能移动。起初当进度条滑动过快时会有失帧问题,查找官网发现movable-view有如下几个属性:
1、
inertia | Boolean | false | movable-view是否带有惯性 |
damping | Number | 20 | 阻尼系数,用于控制x或y改变时的动画和过界回弹的动画,值越大移动越快 | 360小程序不支持 |
friction | Number | 2 | 摩擦系数,用于控制惯性滑动的动画,值越大摩擦力越大,滑动越快停止;必须大于0,否则会被设置成默认值 | 360小程序不支持 |
不加此属性,当拖拽速度过快时,拖拽条会因为惯性问题失帧。
失帧问题解决之后,发现当在弹窗组件里使用此组件时,限制不了可移动的最大范围。
找了很多方式发现不能写在弹窗里,应该是源码有冲突,如果需要弹窗的话,就改成自定义背景色就好了。