v1.2.4 — 责善改过简洁分割线风格
- 去掉序号标题和错误/改进方案标签文字 - 两条输入框纵向排列,项目间仅用分割线分隔 - 删除按钮绝对定位右上角,编辑模式下显示
This commit is contained in:
@@ -237,9 +237,9 @@
|
||||
var eveningItems = [];
|
||||
var eRows = document.querySelectorAll('#evening-list .evening-row');
|
||||
for (var j=0; j<eRows.length; j++) {
|
||||
var cols = eRows[j].querySelectorAll('.col input');
|
||||
var mistake = cols[0] ? cols[0].value.trim() : '';
|
||||
var improve = cols[1] ? cols[1].value.trim() : '';
|
||||
var inputs = eRows[j].querySelectorAll('input[type="text"]');
|
||||
var mistake = inputs[0] ? inputs[0].value.trim() : '';
|
||||
var improve = inputs[1] ? inputs[1].value.trim() : '';
|
||||
if (mistake || improve) eveningItems.push({ mistake: mistake, improvement: improve });
|
||||
}
|
||||
|
||||
@@ -319,30 +319,15 @@
|
||||
|
||||
function addEveningRow(mistake, improve) {
|
||||
var container = document.getElementById('evening-list');
|
||||
var idx = container.children.length;
|
||||
mistake = mistake || '';
|
||||
improve = improve || '';
|
||||
var div = document.createElement('div');
|
||||
div.className = 'evening-row';
|
||||
div.innerHTML =
|
||||
'<div class="evening-header">' +
|
||||
'<span class="idx">' + (idx+1) + '.</span>' +
|
||||
'<button class="btn-del" onclick="this.parentElement.parentElement.remove();renumberEvening()"><svg class="icon-sm"><use href="#icon-x"/></svg></button>' +
|
||||
'</div>' +
|
||||
'<div class="mistake-row">' +
|
||||
'<div class="col"><label>错误</label><input type="text" value="' + esc(mistake) + '" placeholder="今天犯的错…"></div>' +
|
||||
'<div class="col"><label>改进方案</label><input type="text" value="' + esc(improve) + '" placeholder="下次怎么做…"></div>' +
|
||||
'</div>';
|
||||
'<button class="btn-del" onclick="this.parentElement.remove()"><svg class="icon-sm"><use href="#icon-x"/></svg></button>' +
|
||||
'<input type="text" value="' + esc(mistake) + '" placeholder="犯的错误…">' +
|
||||
'<input type="text" value="' + esc(improve) + '" placeholder="改进方案…">';
|
||||
container.appendChild(div);
|
||||
renumberEvening();
|
||||
}
|
||||
|
||||
function renumberEvening() {
|
||||
var rows = document.querySelectorAll('#evening-list .evening-row');
|
||||
for (var i=0; i<rows.length; i++) {
|
||||
var span = rows[i].querySelector('.idx');
|
||||
if (span) span.textContent = (i+1) + '.';
|
||||
}
|
||||
}
|
||||
|
||||
/* ── 勤学预设项目 ── */
|
||||
|
||||
Reference in New Issue
Block a user