refactor: 将TODO折叠按钮移至未完成任务下方
- 折叠按钮现在作为已完成任务区域的分隔栏显示 - 分隔栏包含已完成图标、文字和数量徽章 - 点击分隔栏可折叠/展开已完成任务 - 桌面端和移动端都采用相同的设计 - 优化了视觉层次,更符合用户使用习惯
This commit is contained in:
@@ -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();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user