+
diff --git a/apps/web/src/components/layout/main/navigation.tsx b/apps/web/src/components/layout/main/navigation.tsx
index b4a6211..60dc554 100644
--- a/apps/web/src/components/layout/main/navigation.tsx
+++ b/apps/web/src/components/layout/main/navigation.tsx
@@ -35,23 +35,24 @@ export default function Navigation({ className }: NavigationProps) {
to={item.to}
className={({ isActive: active }) =>
twMerge(
- " border-4 border-white flex-1 px-4 py-4 text-3xl font-bold rounded-xl", // 调整字体大小和粗细
- "transition-all duration-200 ease-out",
- "bg-gradient-to-r from-primary-500/80 to-primary-400 text-white"
- // "hover:from-primary-500 hover:to-primary-500 "
- // active &&
- // "from-primary-600 to-primary-500 *:"
+ "border-4 border-white flex-1 px-4 py-4 text-lg font-bold rounded-xl",
+ "transition-all duration-300 ease-out", // 增加过渡时间让效果更平滑
+ "bg-gradient-to-r from-white to-blue-100", // 白色到淡蓝色渐变
+ "text-blue-800", // 深蓝色文字
+ "hover:from-blue-800 hover:to-blue-700 hover:text-white", // 悬停时背景变深蓝色，文字变白色
+ active &&
+ "from-blue-800 to-blue-700 text-white" // 激活状态样式
)
}>
- {" "}
- {/* 增加图标和文字间距 */}
{item.icon &&
React.cloneElement(
item.icon as React.ReactElement,
- { style: { fontSize: "48px" } }
- )}{" "}
- {/* 调整图标大小 */}
+ {
+ style: { fontSize: "28px" },
+ className: " ", // 给图标添加颜色过渡效果
+ }
+ )}
{item.label}
diff --git a/apps/web/src/components/models/post/editor/context/LetterEditorContext.tsx b/apps/web/src/components/models/post/editor/context/LetterEditorContext.tsx
index d7c46e2..a3f9b9d 100644
--- a/apps/web/src/components/models/post/editor/context/LetterEditorContext.tsx
+++ b/apps/web/src/components/models/post/editor/context/LetterEditorContext.tsx
@@ -33,6 +33,19 @@ interface LetterFormProviderProps {
}
const LetterEditorContext = createContext(null);
+function generateRandomString(length: number = 6): string {
+ const characters =
+ "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+ let result = "";
+ const charactersLength = characters.length;
+
+ for (let i = 0; i < length; i++) {
+ const randomIndex = Math.floor(Math.random() * charactersLength);
+ result += characters.charAt(randomIndex);
+ }
+
+ return result;
+}
export function LetterFormProvider({
children,
@@ -48,9 +61,10 @@ export function LetterFormProvider({
console.log(data);
const receivers = data?.receivers;
const term = data?.term;
+ const ownCode = generateRandomString();
delete data.receivers;
delete data.term;
- console.log("term", term);
+
const result = await create.mutateAsync({
data: {
...data,
@@ -78,18 +92,21 @@ export function LetterFormProvider({
})),
}
: undefined,
+ meta: {
+ ownCode,
+ },
},
});
const formattedDateTime = dayjs().format("YYYY-MM-DD HH:mm:ss");
// 创建包含信件编号和提交时间的文本
- const fileContent = `信件编号: ${result.id}\n投递时间: ${formattedDateTime}`;
+ const fileContent = `信件编号: ${ownCode}\n投递时间: ${formattedDateTime}\n 信件cuid:${result.id}\n(编号区分大小写)`;
// 创建包含信件编号和提交时间的Blob对象
const blob = new Blob([fileContent], { type: "text/plain" });
// 创建下载链接
const downloadUrl = window.URL.createObjectURL(blob);
const link = document.createElement("a");
link.href = downloadUrl;
- link.download = `信件编号-${result.id}.txt`; // 设置下载文件名
+ link.download = `信件编号(区分大小写)-${ownCode}.txt`; // 设置下载文件名
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
@@ -102,7 +119,7 @@ export function LetterFormProvider({
}
);
- navigate(-1);
+ navigate("/");
// navigate(`/${result.id}/detail`, {
// replace: true,
// state: { scrollToTop: true },
diff --git a/apps/web/src/components/models/post/editor/form/LetterBasicForm.tsx b/apps/web/src/components/models/post/editor/form/LetterBasicForm.tsx
index 126af57..1c79305 100644
--- a/apps/web/src/components/models/post/editor/form/LetterBasicForm.tsx
+++ b/apps/web/src/components/models/post/editor/form/LetterBasicForm.tsx
@@ -65,21 +65,30 @@ export function LetterBasicForm() {
isPublic: true,
}}>
-
+
-
+
+ label="标题"
+ style={{ width: "100%" }}
+ rules={[{ required: true, message: "请选择收件人" }]}>
- {
-
- }
+ {
+
+
+
+ }