From 3df677e181dab3d47fcae57fc9d5339dc2aab5c9 Mon Sep 17 00:00:00 2001 From: xfy Date: Mon, 22 Jun 2026 14:19:05 +0800 Subject: [PATCH] feat(comment): show real relative time on pending comments MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 待审核评论显示真实相对时间,而非永久"刚刚" pending_item.rs 改用 format_relative_time_iso 基于创建时间动态计算 相对文本(承接上一个 relative time 重构 commit),并加 title 悬浮提示 显示原始 ISO 时间。修复待审核评论一直显示"刚刚"的问题。 --- src/components/comments/pending_item.rs | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/components/comments/pending_item.rs b/src/components/comments/pending_item.rs index 3b09724..d0a27e5 100644 --- a/src/components/comments/pending_item.rs +++ b/src/components/comments/pending_item.rs @@ -5,7 +5,9 @@ use dioxus::prelude::*; -use crate::hooks::comment_storage::{render_pending_content, PendingComment}; +use crate::hooks::comment_storage::{ + format_relative_time_iso, render_pending_content, PendingComment, +}; /// 待审核评论项组件。 /// @@ -13,7 +15,7 @@ use crate::hooks::comment_storage::{render_pending_content, PendingComment}; /// - `comment`：待审核评论数据 /// - `post_id`：所属文章 ID（当前未使用，保留用于未来扩展） /// -/// 展示内容包括：作者头像/链接、"刚刚"时间占位、审核中徽章、Markdown 渲染内容。 +/// 展示内容包括：作者头像/链接、基于创建时间动态计算的相对时间、审核中徽章、Markdown 渲染内容。 /// 深度最大展示 6 层缩进，孤儿评论深度会被修正为 0。 #[component] #[allow(unused_variables)] @@ -27,6 +29,8 @@ pub fn PendingCommentItem(comment: PendingComment, post_id: i32) -> Element { let indent = depth.min(6) * 24; let content_html = render_pending_content(&comment.content_md); + // 基于创建时间实时计算相对时间，避免"刚刚"永久显示。 + let relative_time = format_relative_time_iso(&comment.created_at); // 作者名展示为链接或普通文本 let author_element = match &comment.author_url { @@ -66,7 +70,8 @@ pub fn PendingCommentItem(comment: PendingComment, post_id: i32) -> Element { span { class: "text-paper-tertiary", "·" } span { class: "text-paper-tertiary", - "刚刚" + title: "{comment.created_at}", + "{relative_time}" } span { class: "inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400",