From 5fd883d7a1b69fa165eac24c94e0f3b2283860df Mon Sep 17 00:00:00 2001
From: xfy <i@rua.plus>
Date: Thu, 2 Jul 2026 11:14:58 +0800
Subject: [PATCH] =?UTF-8?q?feat(comments):=20=E8=AF=84=E8=AE=BA=E5=8C=BA?=
 =?UTF-8?q?=E6=9C=89=E5=86=85=E5=AE=B9=E6=97=B6=E8=87=AA=E5=8A=A8=E8=B0=83?=
 =?UTF-8?q?=E6=B7=A1=E8=83=8C=E6=99=AF=E5=9B=BE=E9=80=8F=E6=98=8E=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

与 tiptap 编辑器保持一致：无内容时 60%，有内容或聚焦时淡出到
10%。content_md 由 oninput 实时维护，输入即触发重渲染。
---
 src/components/comments/form.rs | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/comments/form.rs b/src/components/comments/form.rs
index 8c5977b..d4bf543 100644
--- a/src/components/comments/form.rs
+++ b/src/components/comments/form.rs
@@ -155,10 +155,21 @@ pub fn CommentForm(post_id: i32, parent_id: Option<i64>, parent_indent: Option<i
                             disabled: submitting(),
                             oninput: move |e| content_md.set(e.value()),
                         }
-                        img {
-                            src: "/images/xiantiaoxiaogou_input_bg.webp",
-                            alt: "",
-                            class: "absolute bottom-1.5 right-1.5 w-24 pointer-events-none opacity-60 peer-focus:opacity-10 transition-opacity duration-300 z-0",
+                        {
+                            // 无内容时半透明(60%)；有内容或聚焦时淡出(10%)。
+                            // content_md 由 oninput 实时维护，输入即触发重渲染。
+                            let bg_opacity = if content_md().trim().is_empty() {
+                                "opacity-60"
+                            } else {
+                                "opacity-10"
+                            };
+                            rsx! {
+                                img {
+                                    src: "/images/xiantiaoxiaogou_input_bg.webp",
+                                    alt: "",
+                                    class: "absolute bottom-1.5 right-1.5 w-24 pointer-events-none peer-focus:opacity-10 transition-opacity duration-300 z-0 {bg_opacity}",
+                                }
+                            }
                         }
                     }
                 }