Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Accustomed_
hello uni-app x
提交
8b26e9bb
H
hello uni-app x
项目概览
Accustomed_
/
hello uni-app x
与 Fork 源项目一致
Fork自
DCloud / hello uni-app x
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello uni-app x
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
8b26e9bb
编写于
9月 08, 2023
作者:
DCloud_JSON
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
更新 示例项目 pull-zoom-image 限制最大下拉距离
上级
ceed2f08
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
8 addition
and
20 deletion
+8
-20
pages/template/pull-zoom-image/pull-zoom-image.uvue
pages/template/pull-zoom-image/pull-zoom-image.uvue
+8
-20
未找到文件。
pages/template/pull-zoom-image/pull-zoom-image.uvue
浏览文件 @
8b26e9bb
...
@@ -3,8 +3,8 @@
...
@@ -3,8 +3,8 @@
<image class="back-img" src="/static/template/scroll-fold-nav/back.png" mode="widthFix"></image>
<image class="back-img" src="/static/template/scroll-fold-nav/back.png" mode="widthFix"></image>
</view>
</view>
<scroll-view :scroll-y="true" style="flex:1;" :refresher-enabled="true"
<scroll-view :scroll-y="true" style="flex:1;" :refresher-enabled="true"
:refresher-triggered="refresherTriggered"
refresher-default-style="none" @refresherpulling="onRefresherpulling"
refresher-default-style="none" @refresherpulling="onRefresherpulling"
@refresherrefresh="onRefresherrefresh" :refresher-threshold="300
">
:refresher-threshold="300" :refresher-max-drag-distance="299
">
<view class="head-img-box">
<view class="head-img-box">
<image class="head-img-2" ref="head-img-2" src="../../../static/template/pull-zoom-image/head-img.jpg" mode="scaleToFill"></image>
<image class="head-img-2" ref="head-img-2" src="../../../static/template/pull-zoom-image/head-img.jpg" mode="scaleToFill"></image>
...
@@ -36,8 +36,7 @@
...
@@ -36,8 +36,7 @@
export default {
export default {
data() {
data() {
return {
return {
$INodeMap: new Map<string, INode>(),
$INodeMap: new Map<string, INode>()
refresherTriggered: false,
}
}
},
},
methods: {
methods: {
...
@@ -47,24 +46,13 @@
...
@@ -47,24 +46,13 @@
this.setINodeStyle("head-img-1", 'transform', `scale(${pullingDistance / 200 + 1})`)
this.setINodeStyle("head-img-1", 'transform', `scale(${pullingDistance / 200 + 1})`)
this.setINodeStyle("head-img-2", 'transform', `scale(${pullingDistance / 200 + 1})`)
this.setINodeStyle("head-img-2", 'transform', `scale(${pullingDistance / 200 + 1})`)
},
},
onRefresherrefresh() {
this.refresherTriggered = true
//拖动结束
setTimeout(() => {
this.refresherTriggered = false
}, 0)
},
getINode(refName : string) : INode {
let iNode : INode | null = this.$INodeMap.get(refName)
if (iNode == null) {
iNode = this.$refs.get(refName) as INode;
this.$INodeMap.set(refName, iNode)
}
return iNode
},
// 工具方法,用于快速设置 INode 的 style
// 工具方法,用于快速设置 INode 的 style
setINodeStyle(refName : string, propertyName : string, propertyStyle : any) : void {
setINodeStyle(refName : string, propertyName : string, propertyStyle : any) : void {
let iNode = this.getINode(refName)
let iNode : INode | null = this.$INodeMap.get(refName)
if (iNode == null) {
iNode = this.$refs.get(refName) as INode;
this.$INodeMap.set(refName, iNode)
}
iNode.style.setProperty(propertyName, propertyStyle);
iNode.style.setProperty(propertyName, propertyStyle);
},
},
back() {
back() {
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录