小程序
小游戏
企业微信
微信支付
扫描小程序码分享
touchomove事件无效
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
// uni-app
<camera
v-if="cameraCtx !== null"
:style='{top: cameraTop, right: cameraRight}'
class="capture-face"
device-position='front'
flash='off'
@error='binderror'
@initdone='bindinitdone'
@touchmove='cameraTouchMove'
/>
methods: {
cameraTouchMove(e) {
const { clientX, clientY } = e.touches[0]
console.log('cameraTouchMove', clientX, clientY)
if (clientX >= 0.85 * windowWidth) {
this.cameraRight = 0
} else if (clientX <= 0.15 * windowWidth) {
this.cameraRight = '85vw'
} else {
this.cameraRight = Math.floor(((windowWidth - clientX) / windowWidth) * 100) + 'vw'
}
if (clientY >= 0.85 * windowHeight) {
this.cameraTop = '85vh'
} else if (clientY <= 0.15 * windowHeight) {
this.cameraTop = 0
this.cameraTop = Math.floor((clientY / windowHeight) * 100) + 'vh'
console.log(this.cameraTop, this.cameraRight)
},
上代码
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
// uni-app
<camera
v-if="cameraCtx !== null"
:style='{top: cameraTop, right: cameraRight}'
class="capture-face"
device-position='front'
flash='off'
@error='binderror'
@initdone='bindinitdone'
@touchmove='cameraTouchMove'
/>
methods: {
cameraTouchMove(e) {
const { clientX, clientY } = e.touches[0]
console.log('cameraTouchMove', clientX, clientY)
if (clientX >= 0.85 * windowWidth) {
this.cameraRight = 0
} else if (clientX <= 0.15 * windowWidth) {
this.cameraRight = '85vw'
} else {
this.cameraRight = Math.floor(((windowWidth - clientX) / windowWidth) * 100) + 'vw'
}
if (clientY >= 0.85 * windowHeight) {
this.cameraTop = '85vh'
} else if (clientY <= 0.15 * windowHeight) {
this.cameraTop = 0
} else {
this.cameraTop = Math.floor((clientY / windowHeight) * 100) + 'vh'
}
console.log(this.cameraTop, this.cameraRight)
},
}
上代码