github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: tabs can not scroll at mobile, close #4828

pull/4842/head
tangjinzhou 2021-11-02 21:23:31 +08:00
parent 9f5ac8d441
commit 42afcbbfbc
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/tabs/src/hooks/useTouchMove.ts
View File

@ -33,26 +33,26 @@ export default function useTouchMove(
e.preventDefault(); e.preventDefault();
const { screenX, screenY } = e.touches[0]; const { screenX, screenY } = e.touches[0];
setTouchPosition({ x: screenX, y: screenY });
const offsetX = screenX - touchPosition.value.x; const offsetX = screenX - touchPosition.value.x;
const offsetY = screenY - touchPosition.value.y; const offsetY = screenY - touchPosition.value.y;
onOffset(offsetX, offsetY); onOffset(offsetX, offsetY);
setTouchPosition({ x: screenX, y: screenY });
const now = Date.now(); const now = Date.now();
setLastTimestamp(now);
setLastTimeDiff(now - lastTimestamp.value); setLastTimeDiff(now - lastTimestamp.value);
setLastTimestamp(now);
setLastOffset({ x: offsetX, y: offsetY }); setLastOffset({ x: offsetX, y: offsetY });
} }
function onTouchEnd() { function onTouchEnd() {
if (!touchPosition.value) return; if (!touchPosition.value) return;
const lastOffsetValue = lastOffset.value;
setTouchPosition(null); setTouchPosition(null);
setLastOffset(null); setLastOffset(null);
// Swipe if needed // Swipe if needed
if (lastOffset.value) { if (lastOffsetValue) {
const distanceX = lastOffset.value.x / lastTimeDiff.value; const distanceX = lastOffsetValue.x / lastTimeDiff.value;
const distanceY = lastOffset.value.y / lastTimeDiff.value; const distanceY = lastOffsetValue.y / lastTimeDiff.value;
const absX = Math.abs(distanceX); const absX = Math.abs(distanceX);
const absY = Math.abs(distanceY); const absY = Math.abs(distanceY);