diff --git a/pages/template/pull-zoom-image/pull-zoom-image.uvue b/pages/template/pull-zoom-image/pull-zoom-image.uvue
index 7e15be91dfc158deb6fc4dcf760f01db2bc149c2..a8dc5d99404b2497a21180ec493b6fb97f933177 100644
--- a/pages/template/pull-zoom-image/pull-zoom-image.uvue
+++ b/pages/template/pull-zoom-image/pull-zoom-image.uvue
@@ -3,8 +3,8 @@
+ refresher-default-style="none" @refresherpulling="onRefresherpulling"
+ :refresher-threshold="300" :refresher-max-drag-distance="299">
@@ -36,8 +36,7 @@
export default {
data() {
return {
- $INodeMap: new Map(),
- refresherTriggered: false,
+ $INodeMap: new Map()
}
},
methods: {
@@ -47,24 +46,13 @@
this.setINodeStyle("head-img-1", '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
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);
},
back() {