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 | 83 +++++++++++++++++++++++++++++++++++++++++
1 files changed, 83 insertions(+), 0 deletions(-)
diff --git a/common/Tools.js b/common/Tools.js
index f5d896f..8a237b8 100644
--- a/common/Tools.js
+++ b/common/Tools.js
@@ -533,6 +533,89 @@
return moment(dayTimestamp).format('YYYY-MM-DD');
}
+ /**
+ * 显示调试面板（仅支持H5）
+ * @param cssSelector
+ * @param callback
+ */
+ static $_showDevConsole(cssSelector, callback) {
+ // 只支持 h5 编译
+ if (process.env.TARO_ENV !== 'h5') {
+ return;
+ }
+ const fileref = document.createElement('script');
+ fileref.setAttribute('type', 'text/javascript');
+ if (window.location.protocol === 'https:') {
+ fileref.setAttribute('src', 'https://cdn.jsdelivr.net/npm/eruda');
+ } else {
+ 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);
+ setTimeout(() => {
+ 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);
+ }
+
}
// h5 中，实现 rem 转换 px
--
Gitblit v1.9.1