update(uni-ui): 修复索引列表非全屏显示时索引位置不正确的Bug

Wangyaqi · Wangyaqi · commit 9620a321f709 · 2020-02-27T11:56:03.000+08:00
diff --git a/components/uni-indexed-list/uni-indexed-list.vue b/components/uni-indexed-list/uni-indexed-list.vue
@@ -49,7 +49,7 @@
 
 	function touchMove(e) {
 		let pageY = e.touches[0].pageY
-		let index = Math.floor(pageY / this.itemHeight)
+		let index = Math.floor((pageY - this.winOffsetY) / this.itemHeight)
 		if (this.touchmoveIndex === index) {
 			return false
 		}
@@ -71,7 +71,7 @@
 	// #endif
 
 	/**
-	 * IndexedList 索引列表 
+	 * IndexedList 索引列表
 	 * @description 用于展示索引列表
 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=375
 	 * @property {Boolean} showSelect = [true|false] 展示模式
@@ -104,6 +104,7 @@
 				lists: [],
 				winHeight: 0,
 				itemHeight: 0,
+				winOffsetY: 0,
 				touchmove: false,
 				touchmoveIndex: -1,
 				scrollViewId: '',
@@ -158,12 +159,14 @@
 					.select('#list')
 					.boundingClientRect()
 					.exec(ret => {
+						this.winOffsetY = ret[0].top
 						this.winHeight = ret[0].height
 						this.itemHeight = this.winHeight / this.lists.length
 					})
 				// #endif
 				// #ifdef APP-NVUE
 				dom.getComponentRect(this.$refs['list'], (res) => {
+					this.winOffsetY = res.size.top
 					this.winHeight = res.size.height
 					this.itemHeight = this.winHeight / this.lists.length
 				})
@@ -172,7 +175,7 @@
 			touchStart(e) {
 				this.touchmove = true
 				let pageY = e.touches[0].pageY
-				let index = Math.floor(pageY / this.itemHeight)
+				let index = Math.floor((pageY - this.winOffsetY) / this.itemHeight)
 				let item = this.lists[index]
 				if (item) {
 					this.scrollViewId = 'uni-indexed-list-' + index
@@ -187,7 +190,7 @@
 			touchMove(e) {
 				// #ifndef APP-PLUS
 				let pageY = e.touches[0].pageY
-				let index = Math.floor(pageY / this.itemHeight)
+				let index = Math.floor((pageY - this.winOffsetY) / this.itemHeight)
 				if (this.touchmoveIndex === index) {
 					return false
 				}
