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() {