From 9c4598ab66dbec6d907135cc9f014815c702df27 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Sun, 1 Mar 2026 17:17:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=EF=BC=9A=E6=89=80=E6=9C=89?=
 =?UTF-8?q?=E5=A9=9A=E5=A7=BB=E5=BC=B9=E7=AA=97=E6=97=A0=E6=B3=95=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E7=9A=84=20bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

根因：外层容器 style='display:none' 写死，
Alpine x-show 把内层改为 flex，但外层 CSS 始终覆盖，
导致求婚弹窗、收婚弹窗、结婚成功弹窗、婚礼设置弹窗、
婚礼红包弹窗一律无法显示。

修复方案：将 show 状态的 x-show 移到外层容器，
内层固定显示（position:fixed + flex），去掉冲突的 display:none。
同时补充 x-cloak 防止页面加载时闪烁。
---
 .../chat/partials/marriage-modals.blade.php   | 29 +++++++++----------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/resources/views/chat/partials/marriage-modals.blade.php b/resources/views/chat/partials/marriage-modals.blade.php
index 3689f0d..6055997 100644
--- a/resources/views/chat/partials/marriage-modals.blade.php
+++ b/resources/views/chat/partials/marriage-modals.blade.php
@@ -15,9 +15,8 @@
 --}}
 
 {{-- ═══════════ 1. 求婚弹窗 ═══════════ --}}
-<div id="marriage-propose-modal" x-data="marriageProposeModal()" style="display:none">
-    <div x-show="show"
-        style="display:none; position:fixed; inset:0; background:rgba(0,0,0,.6);
+<div id="marriage-propose-modal" x-data="marriageProposeModal()" x-show="show" x-cloak>
+    <div style="position:fixed; inset:0; background:rgba(0,0,0,.6);
          z-index:9800; display:flex; align-items:center; justify-content:center;"
         x-on:click.self="close()">
         <div
@@ -91,9 +90,9 @@
 </div>
 
 {{-- ═══════════ 2. 收到求婚弹窗 ═══════════ --}}
-<div id="marriage-incoming-modal" x-data="marriageIncomingModal()" style="display:none">
-    <div x-show="show"
-        style="display:none; position:fixed; inset:0; background:rgba(0,0,0,.65);
+<div id="marriage-incoming-modal" x-data="marriageIncomingModal()" x-show="show" x-cloak>
+    <div
+        style="position:fixed; inset:0; background:rgba(0,0,0,.65);
          z-index:9850; display:flex; align-items:center; justify-content:center;">
         <div
             style="width:380px; max-width:95vw; background:#fff; border-radius:20px;
@@ -138,9 +137,9 @@
 </div>
 
 {{-- ═══════════ 3. 结婚成功全屏公告 ═══════════ --}}
-<div id="marriage-accepted-modal" x-data="marriageAcceptedModal()" style="display:none">
-    <div x-show="show" x-transition
-        style="display:none; position:fixed; inset:0; background:rgba(0,0,0,.7);
+<div id="marriage-accepted-modal" x-data="marriageAcceptedModal()" x-show="show" x-cloak>
+    <div x-transition
+        style="position:fixed; inset:0; background:rgba(0,0,0,.7);
          z-index:9900; display:flex; align-items:center; justify-content:center;">
         <div
             style="width:460px; max-width:95vw; background:#fff; border-radius:24px;
@@ -172,9 +171,9 @@
 </div>
 
 {{-- ═══════════ 4. 婚礼设置弹窗 ═══════════ --}}
-<div id="wedding-setup-modal" x-data="weddingSetupModal()" style="display:none">
-    <div x-show="show"
-        style="display:none; position:fixed; inset:0; background:rgba(0,0,0,.65);
+<div id="wedding-setup-modal" x-data="weddingSetupModal()" x-show="show" x-cloak>
+    <div
+        style="position:fixed; inset:0; background:rgba(0,0,0,.65);
          z-index:9820; display:flex; align-items:center; justify-content:center;">
         <div
             style="width:500px; max-width:95vw; background:#fff; border-radius:20px;
@@ -303,9 +302,9 @@
 </div>
 
 {{-- ═══════════ 5. 婚礼红包弹窗（全局触发） ═══════════ --}}
-<div id="wedding-envelope-modal" x-data="weddingEnvelopeModal()" style="display:none">
-    <div x-show="show" x-transition
-        style="display:none; position:fixed; inset:0; background:rgba(0,0,0,.6);
+<div id="wedding-envelope-modal" x-data="weddingEnvelopeModal()" x-show="show" x-cloak>
+    <div x-transition
+        style="position:fixed; inset:0; background:rgba(0,0,0,.6);
          z-index:9910; display:flex; align-items:center; justify-content:center;">
         <div
             style="width:380px; max-width:95vw; background:linear-gradient(160deg,#7c2d12,#9a3412);