<template>
<view class="content">
<movable-area class="movable-area">
<movable-view class="movable-view" direction="all" inertia="false">
<image class="full" src="https://img.cdn.aliyun.dcloud.net.cn/dev/img/ext/plugin-match.png"></image>
</movable-view>
</movable-area>
</view>
</template>
<script>
export default {
}
</script>
<style>
.movable-area {
width:750rpx;
flex:1;
background-color: #D8D8D8;
overflow: hidden;
}
.movable-view {
height: 1500px;
width: 1554px;
background-color: #007AFF;
color: #fff;
}
</style>
j***@126.com
- 发布：2020-07-08 16:48
- 更新：2020-07-08 16:48
- 阅读：1007
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 2.8.0
手机系统： Android
手机系统版本号： Android 10
手机厂商： 小米
手机机型： mi10
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
手指快速拖动,
手指快速拖动,
预期结果：
尤其是当到达边缘时候重影尤其严重.看起来很卡的样子.
尤其是当到达边缘时候重影尤其严重.看起来很卡的样子.
实际结果：
卡
卡
bug描述：
movable-view 高和宽大于movable-area时在nvue下重影,
在vue下面挺流畅的.
连接手机后console:
18:59:15.572 [Number] -557 at pages/home/home.nvue:28
18:59:15.596 [Number] -414.1 at pages/home/home.nvue:28
18:59:15.620 [Number] -556.9 at pages/home/home.nvue:28这是往右滑动, 输出的x坐标应该 -557 -556 -414 这样的顺序.
结果会先跳到414位置然后再跳回556位置,从而造成抖动
0 个回复