<template>
<view class="page-body">
<movable-area class="movableArea">
<movable-view class="movableView" direction="all" :x="x" :y="y" :scale-min="1" @change="onChange" @scale="onScale" scale>
<div>x: {{x}}</div>
<div>y: {{y}}</div>
<div>scale: {{scale}}</div>
</movable-view>
</movable-area>
</view>
</template>
<script>
export default {
data() {
return {
x: 0,
y: 0,
scale: 1,
}
},
methods: {
onChange({ detail }) {
const { y, x } = detail;
this.x = x;
this.y = y;
},
onScale(event){
console.log(event);
const { detail } = event;
const { scale, y, x } = detail;
this.x = x;
this.y = y;
this.scale = scale;
}
}
}
</script>
<style lang="less" scoped>
.movableArea {
width: 500rpx;
height: 500rpx;
background-color: pink;
user-select: none;
.movableView {
width: 200rpx;
height: 200rpx;
background-color: aqua;
}
}
</style>
- 发布:2023-08-11 16:55
- 更新:2024-12-17 15:37
- 阅读:397
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 详见微信版本号
HBuilderX类型: 正式
HBuilderX版本号: 3.8.7
浏览器平台: 微信内置浏览器
浏览器版本: 8.0.40
项目创建方式: HBuilderX
示例代码:
操作步骤:
用手机打开,双指放大缩小,注意X与Y的变化。 移动时XY是正常的,缩放时XY 偶发性 XY数值不更新
用手机打开,双指放大缩小,注意X与Y的变化。 移动时XY是正常的,缩放时XY 偶发性 XY数值不更新
预期结果:
缩放时XY数据也是随动的。
缩放时XY数据也是随动的。
实际结果:
缩放时XY数据偶发性不会变化。
缩放时XY数据偶发性不会变化。
bug描述:
movable-view组件放大时触发@scale,其event里的detail.x 和 detail.y不会变化。 detail.scale是正常的
3 个回复
zq18906330 (作者)
官方人呢?
zq18906330 (作者)
H5环境
namelessnpc
解决了吗