|
|
@ -158,6 +158,7 @@ const data = reactive({ |
|
|
// border: 'border border-blue-500 shadow rounded-md', |
|
|
// border: 'border border-blue-500 shadow rounded-md', |
|
|
// showBorder: false, // 一级项目底部边框是否显示 |
|
|
// showBorder: false, // 一级项目底部边框是否显示 |
|
|
showItemIndex: undefined, |
|
|
showItemIndex: undefined, |
|
|
|
|
|
isStartMove: 0, // 是否可以移动 |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
const emit = defineEmits(['changeHeight', 'change']); |
|
|
const emit = defineEmits(['changeHeight', 'change']); |
|
|
@ -277,7 +278,9 @@ function isNumber(val) { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function start(e, index) { |
|
|
function start(e, index) { |
|
|
console.log('开始'); |
|
|
console.log('开始', e); |
|
|
|
|
|
data.isStartMove = 1; |
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
setTimeout(() => { |
|
|
getDate(); |
|
|
getDate(); |
|
|
}, 300); |
|
|
}, 300); |
|
|
@ -347,6 +350,7 @@ function start(e, index) { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function move(e, length) { |
|
|
function move(e, length) { |
|
|
|
|
|
if (!data.isStartMove) return false; |
|
|
console.log('移动'); |
|
|
console.log('移动'); |
|
|
data.showMoveImage = true; // 悬浮开始 |
|
|
data.showMoveImage = true; // 悬浮开始 |
|
|
const touch = e.touches[0]; |
|
|
const touch = e.touches[0]; |
|
|
@ -387,6 +391,8 @@ function move(e, length) { |
|
|
|
|
|
|
|
|
function stops(e, index, length) { |
|
|
function stops(e, index, length) { |
|
|
console.log('结束'); |
|
|
console.log('结束'); |
|
|
|
|
|
data.isStartMove = 0; |
|
|
|
|
|
|
|
|
const touch = e.changedTouches[0]; |
|
|
const touch = e.changedTouches[0]; |
|
|
const lastIndex = findOverIndex(touch.pageY, length); |
|
|
const lastIndex = findOverIndex(touch.pageY, length); |
|
|
|
|
|
|
|
|
|
