refactor: 将TODO折叠按钮移至未完成任务下方

- 折叠按钮现在作为已完成任务区域的分隔栏显示
- 分隔栏包含已完成图标、文字和数量徽章
- 点击分隔栏可折叠/展开已完成任务
- 桌面端和移动端都采用相同的设计
- 优化了视觉层次,更符合用户使用习惯
This commit is contained in:
2026-01-23 13:09:56 +08:00
parent 9f8b560d20
commit 2de0cfb8de
3 changed files with 204 additions and 63 deletions

View File

@@ -3203,14 +3203,14 @@ $(document).on("click" , "#blog_categories .tag" , function(){
// 同步更新桌面端计数
$(".todo-count").text(count);
// 更新折叠按钮
var collapseBtn = $("#mobile-todo-collapse-btn");
if (collapseBtn.length) {
collapseBtn.find(".mobile-todo-completed-count").text(completedCount);
// 更新分隔栏的已完成数量
var divider = $("#mobile-todo-collapse-btn");
if (divider.length) {
divider.find(".mobile-todo-completed-count").text(completedCount);
if (completedCount > 0) {
collapseBtn.show();
divider.show();
} else {
collapseBtn.hide();
divider.hide();
}
}
}