增加vConsole调试工具

utils/vconsole.js

@@ -0,0 +1,118 @@
+/**
+ * vConsole 调试工具管理
+ *
+ * 使用方式：
+ * 1. URL 参数：?vconsole=1 开启，?vconsole=0 关闭
+ * 2. localStorage：设置 'vconsole' 为 '1' 开启，'0' 关闭
+ * 3. 代码调用：import { showVConsole, hideVConsole, toggleVConsole } from '@/utils/vconsole'
+ */
+
+let vConsoleInstance = null;
+
+// 检测是否为开发环境（兼容多种方式）
+const isDev = process.env.NODE_ENV !== 'production';
+
+/**
+ * 获取 vConsole 是否开启
+ */
+export function isVConsoleEnabled() {
+  if (!isDev) return false;
+
+  // 优先从 URL 参数获取
+  try {
+    const pages = getCurrentPages();
+    if (pages.length > 0) {
+      const currentPage = pages[pages.length - 1];
+      const options = currentPage.$page?.options || currentPage.options || {};
+      if (options.vconsole !== undefined) {
+        return options.vconsole === '1' || options.vconsole === 'true';
+      }
+    }
+  } catch (e) {
+    // ignore
+  }
+
+  // 其次从 localStorage 获取
+  try {
+    return uni.getStorageSync('vconsole') === '1';
+  } catch (e) {
+    return false;
+  }
+}
+
+/**
+ * 开启 vConsole
+ */
+export function showVConsole() {
+  if (vConsoleInstance) return;
+
+  // 动态加载 vConsole
+  import('vconsole').then((module) => {
+    const VConsole = module.default || module;
+    vConsoleInstance = new VConsole({
+      theme: 'dark',
+      disableLogScrolling: false,
+      buttonSize: 48,
+    });
+
+    // 增强 vConsole 按钮样式，确保不被遮挡
+    setTimeout(() => {
+      const btn = document.querySelector('#__vconsole');
+      if (btn) {
+        btn.style.zIndex = '999999';
+        btn.style.position = 'fixed';
+        btn.style.bottom = '80px';
+        btn.style.right = '10px';
+      }
+    }, 500);
+
+    uni.setStorageSync('vconsole', '1');
+  }).catch((err) => {
+    console.error('[vConsole] 加载失败:', err);
+  });
+}
+
+/**
+ * 关闭 vConsole
+ */
+export function hideVConsole() {
+  if (vConsoleInstance) {
+    vConsoleInstance.destroy();
+    vConsoleInstance = null;
+  }
+  try {
+    uni.setStorageSync('vconsole', '0');
+  } catch (e) {
+    // ignore
+  }
+}
+
+/**
+ * 切换 vConsole 状态
+ */
+export function toggleVConsole() {
+  if (vConsoleInstance) {
+    hideVConsole();
+  } else {
+    showVConsole();
+  }
+}
+
+/**
+ * 根据配置初始化 vConsole
+ */
+export function initVConsole() {
+  if (!isDev) return;
+
+  if (isVConsoleEnabled()) {
+    showVConsole();
+  }
+}
+
+export default {
+  isVConsoleEnabled,
+  showVConsole,
+  hideVConsole,
+  toggleVConsole,
+  initVConsole,
+};