From b42b89ab722338cce41b87251208d23094a8e9c9 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Fri, 27 Feb 2026 02:20:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E6=88=90=E5=8A=9F/?=
 =?UTF-8?q?=E5=A4=B1=E8=B4=A5=20flash=20=E6=8F=90=E7=A4=BA=203=E7=A7=92?=
 =?UTF-8?q?=E5=90=8E=E8=87=AA=E5=8A=A8=E6=B7=A1=E5=87=BA=E6=B6=88=E5=A4=B1?=
 =?UTF-8?q?=EF=BC=8C=E6=94=AF=E6=8C=81=E6=89=8B=E5=8A=A8=E5=85=B3=E9=97=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/layouts/app.blade.php | 33 +++++++++++++++++++--------
 1 file changed, 24 insertions(+), 9 deletions(-)

diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 6e5c04d..f9accc7 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -121,24 +121,39 @@
         </div>
     </header>
 
-    {{-- ═══════════ 全局提示消息 ═══════════ --}}
+    {{-- ═══════════ 全局提示消息（3秒自动消失） ═══════════ --}}
     @if (session('success'))
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-4">
-            <div class="bg-green-100 border-l-4 border-green-500 text-green-700 p-4 rounded shadow-sm">
-                <p class="font-bold">操作成功</p>
-                <p>{{ session('success') }}</p>
+        <div x-data="{ show: true }" x-show="show" x-init="setTimeout(() => show = false, 3000)"
+            x-transition:leave="transition ease-in duration-500" x-transition:leave-start="opacity-100 translate-y-0"
+            x-transition:leave-end="opacity-0 -translate-y-2" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-4">
+            <div
+                class="bg-green-100 border-l-4 border-green-500 text-green-700 p-4 rounded shadow-sm flex justify-between items-start">
+                <div>
+                    <p class="font-bold">操作成功</p>
+                    <p>{{ session('success') }}</p>
+                </div>
+                <button @click="show = false"
+                    class="ml-4 text-green-500 hover:text-green-700 text-lg leading-none">&times;</button>
             </div>
         </div>
     @endif
     @if (session('error'))
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-4">
-            <div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 rounded shadow-sm">
-                <p class="font-bold">操作失败</p>
-                <p>{{ session('error') }}</p>
+        <div x-data="{ show: true }" x-show="show" x-init="setTimeout(() => show = false, 4000)"
+            x-transition:leave="transition ease-in duration-500" x-transition:leave-start="opacity-100 translate-y-0"
+            x-transition:leave-end="opacity-0 -translate-y-2" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-4">
+            <div
+                class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 rounded shadow-sm flex justify-between items-start">
+                <div>
+                    <p class="font-bold">操作失败</p>
+                    <p>{{ session('error') }}</p>
+                </div>
+                <button @click="show = false"
+                    class="ml-4 text-red-400 hover:text-red-600 text-lg leading-none">&times;</button>
             </div>
         </div>
     @endif
 
+
     {{-- ═══════════ 页面主体内容 ═══════════ --}}
     <div class="flex-1">
         @yield('content')