01261049
This commit is contained in:
longdayi
parent
06cec01b74
commit
ce128ae647
|
|
@ -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>;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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 ${
|
||||
isReceiverComment
|
||||
? "border-primary border-2 bg-primary-50"
|
||||
: "border-slate-200 bg-white"
|
||||
}`}
|
||||
className={` rounded-xl border p-6 bg-slate-100 border-white ring-white hover:ring-1 transition-all duration-300 ease-in-out`}
|
||||
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>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -42,6 +42,7 @@ export default function PostLikeButton({ post }: { post: PostDto }) {
|
|||
likeThisPost()
|
||||
}}
|
||||
>
|
||||
<span className="mr-1">有帮助</span>
|
||||
{post?.likes}
|
||||
</Button>
|
||||
|
||||
|
|
|
|||
|
|
@ -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 />}>
|
||||
{post?.commentsCount}
|
||||
<Button type="default" title="回复数" shape="round" icon={<CommentOutlined />}>
|
||||
<span className="mr-1">回复数</span>{post?.commentsCount}
|
||||
</Button>
|
||||
<PostLikeButton post={post}></PostLikeButton>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue