From 1eed604aa9103e6732344f43754c0493a6ff9850 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Fri, 27 Feb 2026 12:14:57 +0800
Subject: [PATCH] =?UTF-8?q?Fix:=20=E5=BD=BB=E5=BA=95=E4=BF=AE=E6=AD=A3Alpi?=
 =?UTF-8?q?ne=20x-show=E8=A6=86=E7=9B=96flex=E5=B8=83=E5=B1=80=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=EF=BC=8C=E7=94=A8=E5=86=85=E5=A4=96=E5=8F=8C=E5=B1=82?=
 =?UTF-8?q?div=E5=88=86=E7=A6=BB=E6=98=BE=E9=9A=90=E4=B8=8E=E6=8E=92?=
 =?UTF-8?q?=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chat/partials/user-actions.blade.php      | 46 ++++++++++---------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/resources/views/chat/partials/user-actions.blade.php b/resources/views/chat/partials/user-actions.blade.php
index 6d2b40c..1b1cc99 100644
--- a/resources/views/chat/partials/user-actions.blade.php
+++ b/resources/views/chat/partials/user-actions.blade.php
@@ -330,28 +330,30 @@
                     </div>
                 </div>
 
-                {{-- 详细信息区 (等级高看等级低，或自己看自己时才有这些字段) --}}
-                {{-- 注意：x-show 会把 display 改为 block，需要用 !important 强制横排 --}}
-                <div x-show="userInfo.exp_num !== undefined"
-                    style="margin-top: 12px; display: flex !important; flex-direction: row !important; gap: 8px;">
-                    <!-- 经验 -->
-                    <div
-                        style="flex: 1; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 6px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;">
-                        <span style="color: #64748b; font-size: 11px; margin-bottom: 2px;">经验</span>
-                        <span x-text="userInfo.exp_num"
-                            style="font-weight: 700; color: #4f46e5; font-size: 14px;"></span>
-                    </div>
-                    <!-- 金币 -->
-                    <div
-                        style="flex: 1; background: #fdfae8; border: 1px solid #fef08a; border-radius: 6px; padding: 6px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;">
-                        <span style="color: #b45309; font-size: 11px; margin-bottom: 2px;">金币</span>
-                        <span x-text="userInfo.jjb" style="font-weight: 700; color: #d97706; font-size: 14px;"></span>
-                    </div>
-                    <!-- 魅力 -->
-                    <div
-                        style="flex: 1; background: #fdf2f8; border: 1px solid #fbcfe8; border-radius: 6px; padding: 6px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;">
-                        <span style="color: #be185d; font-size: 11px; margin-bottom: 2px;">魅力</span>
-                        <span x-text="userInfo.meili" style="font-weight: 700; color: #db2777; font-size: 14px;"></span>
+                {{-- 详细信息区：外层 x-show 控制显隐，内层单独写 flex 避免被 Alpine 覆盖 --}}
+                <div x-show="userInfo.exp_num !== undefined" style="margin-top: 12px;">
+                    <div style="display: flex; flex-direction: row; gap: 8px;">
+                        <!-- 经验 -->
+                        <div
+                            style="flex: 1; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 6px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                            <span style="color: #64748b; font-size: 11px; margin-bottom: 2px;">经验</span>
+                            <span x-text="userInfo.exp_num"
+                                style="font-weight: 700; color: #4f46e5; font-size: 14px;"></span>
+                        </div>
+                        <!-- 金币 -->
+                        <div
+                            style="flex: 1; background: #fdfae8; border: 1px solid #fef08a; border-radius: 6px; padding: 6px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                            <span style="color: #b45309; font-size: 11px; margin-bottom: 2px;">金币</span>
+                            <span x-text="userInfo.jjb"
+                                style="font-weight: 700; color: #d97706; font-size: 14px;"></span>
+                        </div>
+                        <!-- 魅力 -->
+                        <div
+                            style="flex: 1; background: #fdf2f8; border: 1px solid #fbcfe8; border-radius: 6px; padding: 6px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                            <span style="color: #be185d; font-size: 11px; margin-bottom: 2px;">魅力</span>
+                            <span x-text="userInfo.meili"
+                                style="font-weight: 700; color: #db2777; font-size: 14px;"></span>
+                        </div>
                     </div>
                 </div>