From 8188364813529b4a942fd0052f42eab22d039d52 Mon Sep 17 00:00:00 2001
From: mac <mac@Qiukais-m1-macPro.local>
Date: Mon, 27 Jul 2026 09:14:31 +0800
Subject: [PATCH] =?UTF-8?q?v2.1.15=20=E2=80=94=20=E5=8B=A4=E5=AD=A6?=
 =?UTF-8?q?=E6=89=93=E5=8D=A1=E6=94=AF=E6=8C=81=E5=A2=9E=E5=8A=A0=E5=92=8C?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E4=B9=A0=E6=83=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/app.js        | 31 ++++++++++++++++++++++++++++---
 static/style.css     |  3 +++
 templates/index.html |  3 +++
 3 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/static/app.js b/static/app.js
index 47fed08..9d4f841 100644
--- a/static/app.js
+++ b/static/app.js
@@ -291,16 +291,25 @@
       addEveningRow(item.mistake || '', item.improvement || '');
     }
 
-    // 勤学 — 渲染预设项目并回填状态
+    // 勤学 — 渲染已保存习惯 + 未渲染预设
     var studyMap = {};
     for (var si=0; si<study.length; si++) {
       studyMap[study[si].name] = study[si];
     }
+    var rendered = {};
     document.getElementById('study-cards').innerHTML = '';
+    for (var sk=0; sk<study.length; sk++) {
+      var item = study[sk];
+      if (item.name) {
+        renderStudyCard(item.name, item.count || 0, item.last_checkin_date || '');
+        rendered[item.name] = true;
+      }
+    }
     for (var sp=0; sp<PRESET_STUDY_ITEMS.length; sp++) {
       var sName = PRESET_STUDY_ITEMS[sp];
-      var saved = studyMap[sName] || { count: 0 };
-      renderStudyCard(sName, saved.count || 0, saved.last_checkin_date || '');
+      if (!rendered[sName]) {
+        renderStudyCard(sName, 0, '');
+      }
     }
   }
 
@@ -355,6 +364,7 @@
     div.className = 'study-card' + (checked ? ' checked' : '');
     div.setAttribute('data-last-date', lastDate || '');
     div.innerHTML =
+      '<button class="study-card-del" onclick="deleteStudyItem(this)" title="删除">×</button>' +
       '<div class="study-card-info">' +
         '<span class="study-card-name">' + esc(name) + '</span>' +
         '<span class="study-card-count">' + count + '</span>' +
@@ -363,6 +373,21 @@
     container.appendChild(div);
   }
 
+  window.addStudyItem = function() {
+    var name = prompt('请输入新习惯名称：');
+    if (!name || !name.trim()) return;
+    renderStudyCard(name.trim(), 0, '');
+    triggerAutoSave();
+  };
+
+  window.deleteStudyItem = function(btn) {
+    var card = btn.closest('.study-card');
+    var nameEl = card.querySelector('.study-card-name');
+    if (nameEl && !confirm('确定删除「' + nameEl.textContent + '」？')) return;
+    card.remove();
+    triggerAutoSave();
+  };
+
   window.checkinStudy = function(btn) {
     var card = btn.closest('.study-card');
     var today = fmtDate(new Date());
diff --git a/static/style.css b/static/style.css
index 72f78e2..6bf7120 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1794,3 +1794,6 @@ body {
 .study-card-btn { padding:5px 12px; border:1px solid var(--primary); border-radius:var(--radius-sm); background:transparent; color:var(--primary); font-size:12px; font-weight:500; cursor:pointer; transition:all 0.15s; font-family:inherit; }
 .study-card-btn:hover { background:var(--primary); color:#FFF; }
 .study-card-btn.done { background:var(--success-light); color:var(--success); border-color:var(--success); cursor:default; }
+.study-card-del { position:absolute; top:4px; right:4px; border:none; background:none; color:var(--text-muted); cursor:pointer; font-size:14px; padding:2px 6px; border-radius:4px; line-height:1; }
+.study-card-del:hover { background:var(--danger-light); color:var(--danger); }
+.study-card { position:relative; }
diff --git a/templates/index.html b/templates/index.html
index db19ddb..561ba21 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -181,6 +181,9 @@
           </div>
           <p class="card-desc">本周修行清单</p>
           <div id="study-cards"></div>
+          <button class="btn-add" onclick="addStudyItem()" style="margin-top:10px">
+            <svg class="icon-sm"><use href="#icon-plus"/></svg> 增加习惯
+          </button>
         </div>
       </div>
         </div><!-- /daily-main -->