From f634a3265e87e61290a7d5b46e9532fb904e047f Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Mon, 03 Apr 2023 14:41:10 +0800 Subject: [PATCH] 优化列表卡片组件显示与交互 --- common/Tools.js | 75 ++++++++++++++++++++++++++++--------- 1 files changed, 56 insertions(+), 19 deletions(-) diff --git a/common/Tools.js b/common/Tools.js index f3d0ce2..8a237b8 100644 --- a/common/Tools.js +++ b/common/Tools.js @@ -551,30 +551,67 @@ fileref.setAttribute('src', 'http://cdn.jsdelivr.net/npm/eruda'); } document.getElementsByTagName('head')[0].appendChild(fileref); + const simulateTouch = (dom, type) => { + const button = dom; + const touch = new Touch({ + identifier: Date.now(), + target: button, + clientX: 0, + clientY: 0, + screenX: 0, + screenY: 0, + pageY: 0, + pageX: 0, + radiusX: 2.5, + radiusY: 2.5, + rotationAngle: 10, + force: 0.5, + }); + const touchstart = new TouchEvent(type, { + cancelable: true, + bubbles: true, + composed: true, + touches: [touch], + targetTouches: [touch], + changedTouches: [touch], + }); + button.dispatchEvent(touchstart); + }; const erudaTimer = setInterval(() => { if (window.eruda) { clearInterval(erudaTimer); - const container = document.createElement('div'); - if (cssSelector) { - document.querySelector(cssSelector).appendChild(container); - } else { - document.getElementsByTagName('body')[0].appendChild(container); - } - window.eruda.init({ - container: container, - useShadowDom: false, - }); setTimeout(() => { - const devTool = document.querySelector('.eruda-dev-tools'); - devTool.style.display = 'block'; - devTool.style.opacity = '1'; - devTool.style.height = '70%'; - console.warn('=====【艾信App调试特别模式】====='); - console.warn('点击右下角悬浮工具箱图标可以折叠面板'); - }, 50); - setTimeout(() => { - callback(); + const container = document.createElement('div'); + if (cssSelector) { + document.querySelector(cssSelector).appendChild(container); + } else { + document.getElementsByTagName('body')[0].appendChild(container); + } + window.eruda.init({ + container: container, + useShadowDom: false, + }); + let button = null; + setTimeout(() => { + button = document.querySelector('.eruda-entry-btn'); + }, 50); + setTimeout(() => { + simulateTouch(button, 'touchstart'); + }, 60); + setTimeout(() => { + simulateTouch(button, 'touchend'); + }, 350); + setTimeout(() => { + console.warn('=====【艾信App调试模式】====='); + }, 800); + setTimeout(() => { + console.warn('点击右下角悬浮工具箱图标可以折叠面板'); + }, 900); + setTimeout(() => { + callback && callback(); + }, 1000); }, 100); + } }, 100); } -- Gitblit v1.9.1