01261049

apps/web/src/app/main/letter/detail/page.tsx

@@ -4,7 +4,7 @@ import { useParams } from "react-router-dom";
 export default function LetterDetailPage() {
 	const { id } = useParams();
 
-	return <div className="shadow-elegant border-2 border-white rounded-xl bg-gradient-to-b from-slate-100 to-slate-50">
+	return <div className="shadow-elegant border-2 border-white rounded-xl bg-slate-200">
 
 		<PostDetail id={id}></PostDetail>
 	</div>;

apps/web/src/app/main/letter/list/Header.tsx

@@ -62,8 +62,7 @@ export function Header() {
         {/* 服务宗旨说明 */}
         <div className="text-sm text-blue-100 border-t border-blue-400/30 pt-4">
           <p className="leading-relaxed">
-            我们致力于建设开放透明的信件处理平台，通过公开信件处理过程，展示单位工作成效，
+            我们致力于构建开放透明的信件处理平台，通过公开信件处理过程，广泛吸取意见建议，促进各项工作有序开展，切实解决实际问题，提升单位整体战斗力。
-            促进各项工作有序开展，切实解决实际问题，提升单位整体战斗力。
           </p>
         </div>
       </div>

apps/web/src/components/models/post/LetterCard.tsx

@@ -105,7 +105,7 @@ export function LetterCard({ letter }: LetterCardProps) {
                             shape="round"
                             icon={<EyeOutlined />}
                         >
-                            {letter.views}
+                            <span className="mr-1">浏览量</span>{letter.views}
                         </Button>
                         <PostLikeButton post={letter as any}></PostLikeButton>
                     </div>

apps/web/src/components/models/post/detail/PostCommentCard.tsx

@@ -6,7 +6,7 @@ import { Avatar } from "antd";
 import { useVisitor } from "@nice/client";
 import { useContext, useEffect, useRef, useState } from "react";
 import { PostDetailContext } from "./context/PostDetailContext";
-import { CheckCircleOutlined, LikeFilled, LikeOutlined } from "@ant-design/icons";
+import { CheckCircleOutlined, CheckOutlined, LikeFilled, LikeOutlined } from "@ant-design/icons";
 import PostLikeButton from "./PostHeader/PostLikeButton";
 import { CustomAvatar } from "@web/src/components/presentation/CustomAvatar";
 import PostResources from "./PostResources";
@@ -22,11 +22,7 @@ export default function PostCommentCard({
 }) {
 	return (
 		<motion.div
-			className={` rounded-xl shadow-sm border p-4 ${
+			className={` rounded-xl  border p-6 bg-slate-100 border-white  ring-white hover:ring-1 transition-all duration-300 ease-in-out`}
-				isReceiverComment
-					? "border-primary border-2 bg-primary-50"
-					: "border-slate-200 bg-white"
-			}`}
 			layout>
 			<div className="flex items-start space-x-2 gap-2">
 				<div className="flex-shrink-0">
@@ -49,7 +45,8 @@ export default function PostCommentCard({
 									)}
 								</span>
 								{isReceiverComment && (
-									<span className="  text-sm text-primary font-bold">
+									<span className="  text-sm text-primary flex gap-2 font-bold">
+										<CheckOutlined></CheckOutlined>
 										官方回复
 									</span>
 								)}

apps/web/src/components/models/post/detail/PostCommentEditor.tsx

@@ -56,7 +56,7 @@ export default function PostCommentEditor() {
 			<form onSubmit={handleSubmit} className="space-y-2">
 				<Tabs defaultActiveKey="1">
 					<TabPane tab="回复" key="1">
-						<div className="relative rounded-lg border  bg-white">
+						<div className="relative rounded-xl border  border-white hover:ring-1 ring-white transition-all duration-300 ease-in-out bg-slate-100">
 							<QuillEditor
 								value={content}
 								onChange={setContent}

apps/web/src/components/models/post/detail/PostHeader/Content.tsx

@@ -20,7 +20,7 @@ export default function Content() {
 
 	return (
 		<div className="p-6 text-base " >
-			<div className="text-secondary-700 bg-white rounded-lg p-6 ">
+			<div className="text-secondary-700 bg-slate-100 border border-white hover:ring-1 ring-white transition-all duration-300 ease-in-out rounded-xl p-6 ">
 				{/* 包装整个内容区域的容器 */}
 				<div
 					ref={contentWrapperRef}

apps/web/src/components/models/post/detail/PostHeader/Header.tsx

@@ -26,14 +26,7 @@ export default function Header() {
 					</h1>
 				</div>
 				<div className="space-y-1">
-					<Space className="mr-4">
+
-						<SendOutlined className="text-white" />
-						<span className="text-white">发件人:</span>
-						<Text className="text-white" strong>
-							{post?.author?.showname || "匿名用户"}
-						</Text>
-					</Space>
-					{/* 收件人信息行 */}
 					<Space className="mr-4">
 
 						<span className="text-white">发件人</span>
@@ -57,7 +50,7 @@ export default function Header() {
 
 					{/* Date Info Badge */}
 					<Space className="mr-4">
-						<CalendarOutlined className="text-white" />
+
 
 						<span className="text-white">创建于</span>
 						<Text className="text-white">

apps/web/src/components/models/post/detail/PostHeader/PostLikeButton.tsx

@@ -42,6 +42,7 @@ export default function PostLikeButton({ post }: { post: PostDto }) {
 				likeThisPost()
 			}}
 		>
+			<span className="mr-1">有帮助</span>
 			{post?.likes}
 		</Button>
 

apps/web/src/components/models/post/detail/PostHeader/StatsSection.tsx

@@ -21,10 +21,10 @@ export function StatsSection() {
 			<PostResources post={post} />
 			<div className=" flex gap-2">
 				<Button title="浏览量" type="default" shape="round" icon={<EyeOutlined />}>
-					{post?.views}
+					<span className="mr-1">浏览量</span>{post?.views}
 				</Button>
-				<Button type="default" title="评论数" shape="round" icon={<CommentOutlined />}>
+				<Button type="default" title="回复数" shape="round" icon={<CommentOutlined />}>
-					{post?.commentsCount}
+					<span className="mr-1">回复数</span>{post?.commentsCount}
 				</Button>
 				<PostLikeButton post={post}></PostLikeButton>
 			</div>