From 832f282ff98c927dab1cbf90281cdc8271abfa44 Mon Sep 17 00:00:00 2001
From: H1d3rOne <H1d3rOne@users.noreply.github.com>
Date: Mon, 9 Mar 2026 22:01:35 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E5=85=A8=E5=B1=80=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E6=8B=A6=E6=88=AA=EF=BC=8C=E6=9C=AA=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E6=97=B6=E4=BB=BB=E4=BD=95=E7=82=B9=E5=87=BB=E9=83=BD=E5=BC=B9?=
 =?UTF-8?q?=E5=87=BA=E6=8F=90=E7=A4=BA=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

功能实现：
1. 全局点击监听
   - 在App.vue的template最外层view添加@click事件
   - 监听所有点击操作
   - 未登录时立即弹出提示框

2. 智能拦截机制
   - 检查登录状态：使用authCheck.isLoggedIn()
   - 防止重复弹窗：使用isCheckingClick标志
   - 授权窗口打开时不拦截：检查showAuthModal状态

3. 用户交互流程
   - 用户点击屏幕任何位置
   - 未登录状态立即弹出"未登录"提示框
   - 提示框内容："请先登录后再使用"
   - 点击"去登录"：显示授权窗口
   - 点击"取消"：关闭提示框

4. 优化体验
   - 已登录用户不受影响
   - 授权窗口打开时不重复拦截
   - 防止连续点击导致多次弹窗

特点：
- 全局统一拦截
- 即时响应
- 用户友好
- 无需在每个页面单独处理
---
 xuan-deduct-uniapp/src/App.vue | 38 ++++++++++++++++++++++++++--------
 1 file changed, 29 insertions(+), 9 deletions(-)

diff --git a/xuan-deduct-uniapp/src/App.vue b/xuan-deduct-uniapp/src/App.vue
index 24ef7f8..aff7a6a 100644
--- a/xuan-deduct-uniapp/src/App.vue
+++ b/xuan-deduct-uniapp/src/App.vue
@@ -1,5 +1,6 @@
 <script>
 import AuthModal from '@/components/auth-modal/auth-modal.vue'
+import authCheck from '@/utils/authCheck.js'
 
 export default {
   components: {
@@ -7,7 +8,8 @@ export default {
   },
   data() {
     return {
-      showAuthModal: false
+      showAuthModal: false,
+      isCheckingClick: false
     }
   },
   onLaunch: function() {
@@ -40,6 +42,31 @@ export default {
       uni.$off('hideAuthModal')
     },
     
+    handleGlobalClick(e) {
+      if (this.showAuthModal) return
+      if (this.isCheckingClick) return
+      
+      if (!authCheck.isLoggedIn()) {
+        this.isCheckingClick = true
+        
+        uni.showModal({
+          title: '未登录',
+          content: '请先登录后再使用',
+          confirmText: '去登录',
+          cancelText: '取消',
+          success: (res) => {
+            this.isCheckingClick = false
+            if (res.confirm) {
+              this.showAuthModal = true
+            }
+          },
+          fail: () => {
+            this.isCheckingClick = false
+          }
+        })
+      }
+    },
+    
     checkUserAuth() {
       const userInfo = uni.getStorageSync('userInfo')
       const hasShownAuth = uni.getStorageSync('hasShownAuth')
@@ -98,7 +125,7 @@ export default {
 </script>
 
 <template>
-  <view>
+  <view @click="handleGlobalClick">
     <router-view />
     <auth-modal 
       :visible="showAuthModal" 
@@ -111,7 +138,6 @@ export default {
 </template>
 
 <style>
-/* 全局样式 */
 page {
   background-color: #f5f5f5;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
@@ -121,7 +147,6 @@ page {
   padding: 20rpx;
 }
 
-/* 主题色 */
 .text-primary {
   color: #4A90D9;
 }
@@ -130,7 +155,6 @@ page {
   background-color: #4A90D9;
 }
 
-/* 卡片样式 */
 .card {
   background-color: #ffffff;
   border-radius: 16rpx;
@@ -139,7 +163,6 @@ page {
   box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
 }
 
-/* 按钮样式 */
 .btn-primary {
   background-color: #4A90D9;
   color: #ffffff;
@@ -153,7 +176,6 @@ page {
   background-color: #3a7bc8;
 }
 
-/* 表单样式 */
 .form-item {
   display: flex;
   align-items: center;
@@ -178,14 +200,12 @@ page {
   color: #333;
 }
 
-/* 分隔线 */
 .divider {
   height: 1rpx;
   background-color: #eee;
   margin: 20rpx 0;
 }
 
-/* 标题样式 */
 .section-title {
   font-size: 32rpx;
   font-weight: bold;