From 231e736ea44da667a374bf33504cd11a2c942dbe Mon Sep 17 00:00:00 2001 From: ditiqi Date: Sun, 26 Jan 2025 23:58:43 +0800 Subject: [PATCH] add --- apps/web/src/app/auth/register.tsx | 5 +++ .../common/editor/quill/constants.ts | 13 ++++++ .../common/uploader/AvatarUploader.tsx | 2 +- .../models/post/detail/PostCommentEditor.tsx | 2 +- .../post/editor/form/LetterBasicForm.tsx | 2 +- apps/web/src/index.css | 44 ++++++++++++++++--- config/nginx/conf.d/web.conf | 2 + 7 files changed, 61 insertions(+), 9 deletions(-) diff --git a/apps/web/src/app/auth/register.tsx b/apps/web/src/app/auth/register.tsx index fb28b17..184109c 100644 --- a/apps/web/src/app/auth/register.tsx +++ b/apps/web/src/app/auth/register.tsx @@ -43,6 +43,11 @@ export const RegisterForm = ({ onSubmit, isLoading }: RegisterFormProps) => { { + if (url) { + console.log(url); + } + }} style={{ width: `100%`, height: 210, diff --git a/apps/web/src/components/common/editor/quill/constants.ts b/apps/web/src/components/common/editor/quill/constants.ts index af68aca..d6d8283 100644 --- a/apps/web/src/components/common/editor/quill/constants.ts +++ b/apps/web/src/components/common/editor/quill/constants.ts @@ -10,3 +10,16 @@ export const defaultModules = { ["clean"], ], }; + +// 如果需要自定义 tooltip +const customTooltip = { + header: { + 1: "标题 1", + 2: "标题 2", + 3: "标题 3", + 4: "标题 4", + 5: "标题 5", + 6: "标题 6", + false: "正文", + }, +}; diff --git a/apps/web/src/components/common/uploader/AvatarUploader.tsx b/apps/web/src/components/common/uploader/AvatarUploader.tsx index cfcecc5..6579947 100644 --- a/apps/web/src/components/common/uploader/AvatarUploader.tsx +++ b/apps/web/src/components/common/uploader/AvatarUploader.tsx @@ -78,7 +78,7 @@ const AvatarUploader: React.FC = ({ file?.fileKey ); }); - // await new Promise((resolve) => setTimeout(resolve, 5000)); // 方法1：使用 await 暂停执行 + // await new Promise((resolve) => setTimeout(resolve,4999)); // 方法1：使用 await 暂停执行 // 使用 resolved 的最新值调用 onChange // 强制刷新 Avatar 组件 setAvatarKey((prev) => prev + 1); // 修改 key 强制重新挂载 diff --git a/apps/web/src/components/models/post/detail/PostCommentEditor.tsx b/apps/web/src/components/models/post/detail/PostCommentEditor.tsx index fa8285b..3ccd474 100644 --- a/apps/web/src/components/models/post/detail/PostCommentEditor.tsx +++ b/apps/web/src/components/models/post/detail/PostCommentEditor.tsx @@ -48,6 +48,7 @@ export default function PostCommentEditor() { toast.success("发布成功！"); setContent(""); setFileIds([]); // 重置上传组件状态 + setSignature(""); setUploaderKey(uploaderKey + 1); } catch (error) { toast.error("发布失败，请稍后重试"); @@ -91,7 +92,6 @@ export default function PostCommentEditor() { key={uploaderKey} value={fileIds} onChange={(value) => { - console.log("ids", value); setFileIds(value); }} /> 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 b9638b6..98bd6a1 100644 --- a/apps/web/src/components/models/post/editor/form/LetterBasicForm.tsx +++ b/apps/web/src/components/models/post/editor/form/LetterBasicForm.tsx @@ -98,7 +98,7 @@ export function LetterBasicForm() { form.setFieldValue("content", content) } diff --git a/apps/web/src/index.css b/apps/web/src/index.css index 1e4581d..1a669dc 100755 --- a/apps/web/src/index.css +++ b/apps/web/src/index.css @@ -13,7 +13,7 @@ border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border: none; - @apply text-base + @apply text-base; } .ag-custom-dragging-class { @@ -41,8 +41,6 @@ /* 垂直居中 */ } - - /* 滚动条轨道 */ ::-webkit-scrollbar-track { border-radius: 10px; @@ -69,7 +67,9 @@ } /* 覆盖 Ant Design 的默认样式 raido button左侧的按钮*/ -.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { +.ant-radio-button-wrapper-checked:not( + .ant-radio-button-wrapper-disabled + )::before { background-color: unset !important; } @@ -82,6 +82,38 @@ display: none !important; } -.no-wrap-header .ant-table-thead>tr>th { +.no-wrap-header .ant-table-thead > tr > th { white-space: nowrap; -} \ No newline at end of file +} +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { + content: "标题 1"; +} + +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { + content: "标题 2"; +} +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { + content: "标题 3"; +} + +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { + content: "标题 4"; +} +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { + content: "标题 5"; +} + +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { + content: "标题 6"; +} +/* 针对下拉菜单中的选项 */ +.ql-snow .ql-picker.ql-header .ql-picker-item:not([data-value])::before, +.ql-snow .ql-picker.ql-header .ql-picker-label:not([data-value])::before { + content: "正文" !important; +} diff --git a/config/nginx/conf.d/web.conf b/config/nginx/conf.d/web.conf index bf90259..042e148 100644 --- a/config/nginx/conf.d/web.conf +++ b/config/nginx/conf.d/web.conf @@ -59,6 +59,8 @@ server { # 文件上传处理位置 location /uploads/ { + + # 文件实际存储路径 alias /data/uploads/; # 文件传输性能优化