feat: 评论系统补充功能完成——图片上传、后台管理、通知跳转高亮

- 评论图片上传(LV4+,经验≥1500),JPEG/PNG 自动转 WebP,二进制搜索质量优化
- 后台评论管理页面,支持关键词搜索、分页、删除,侧边栏新增入口
- 通知跳转高亮:评论通知 RelatedID 改为 postID,消息页链接到 #comments,前端自动滚动
- 新增 adminCommentUseCase/commentStore 接口(遵循 ISP),AdminCommentRow 移至 model 层
- 前端 @mention 联想/图片上传光标插入/评论展开收起/内联回复交互完善
This commit is contained in:
2026-06-01 13:35:41 +08:00
parent b7acc91f8c
commit 36c571b6bb
17 changed files with 532 additions and 11 deletions

View File

@ -756,10 +756,43 @@
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.comment-submit-btn {
.comment-form-actions {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.comment-upload-btn {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 8px 14px;
border: 1px solid #d1d5db;
border-radius: 6px;
font-size: 13px;
color: #6b7280;
cursor: pointer;
background: #fff;
transition: border-color 0.2s, color 0.2s;
}
.comment-upload-btn:hover {
border-color: #6366f1;
color: #6366f1;
}
.comment-upload-preview {
margin-top: 8px;
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.comment-submit-btn {
margin-top: 0;
}
.comment-login-hint {
text-align: center;
padding: 24px;