Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello uni-app x
提交
518198bf
H
hello uni-app x
项目概览
DCloud
/
hello uni-app x
通知
5995
Star
90
Fork
162
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
18
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello uni-app x
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
18
Issue
18
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
518198bf
编写于
9月 04, 2023
作者:
DCloud_JSON
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修复 示例项目 pull-zoom-image 动画丢失的问题
上级
80990e26
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
21 addition
and
18 deletion
+21
-18
pages/template/pull-zoom-image/pull-zoom-image.uvue
pages/template/pull-zoom-image/pull-zoom-image.uvue
+21
-18
未找到文件。
pages/template/pull-zoom-image/pull-zoom-image.uvue
浏览文件 @
518198bf
...
...
@@ -49,7 +49,8 @@
<script>
let sY : number = 0,
dY : number = 0,
maxScrollTop:number = 0;
maxScrollTop:number = 0,
moveIng:boolean = false;
export default {
data() {
return {
...
...
@@ -86,6 +87,10 @@
},
touchend() {
// console.log('touchend')
if(moveIng){
return
}
moveIng = true
function moveTo(y : number, callback : () => void, speed : number = 10) {
let interval : number = 0
let acceleration : number = 1
...
...
@@ -100,16 +105,6 @@
this.y += dy / speed * acceleration
}
// 滚动边界限制
if(this.y < maxScrollTop*-1){
this.y = maxScrollTop*-1
}
if(this.y > 0){
this.y = 0
}
// console.log('this.y',this.y);
this.doMove()
if (this.y == y || this.y == maxScrollTop*-1 || this.y == 0) {
clearInterval(interval)
...
...
@@ -118,18 +113,26 @@
}, 16)
}
// console.log('dY',dY);
console.log('this.y',this.y);
if(this.y < 0){
// console.log(dY);
moveTo(this.y + dY * 20, () => {
let endY = this.y + dY * 30
// 滚动边界限制
if(endY < maxScrollTop*-1){
endY = maxScrollTop*-1
}
if(endY > 0){
endY = 0
}
// console.log('endY',endY);
moveTo(endY, () => {
// console.log('done');
moveIng = false
},5)
}else{
const bounceY = (this.y * -0.03).toInt()
// console.log('bounceY', bounceY);
moveTo(bounceY, () => {
moveTo(0, () => {
// console.log('done');
}, 30)
moveTo(0, () => {
// console.log('done');
moveIng = false
})
}
},
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录