Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
46862e5110 |
@@ -237,9 +237,9 @@
|
|||||||
var eveningItems = [];
|
var eveningItems = [];
|
||||||
var eRows = document.querySelectorAll('#evening-list .evening-row');
|
var eRows = document.querySelectorAll('#evening-list .evening-row');
|
||||||
for (var j=0; j<eRows.length; j++) {
|
for (var j=0; j<eRows.length; j++) {
|
||||||
var cols = eRows[j].querySelectorAll('.col input');
|
var inputs = eRows[j].querySelectorAll('input[type="text"]');
|
||||||
var mistake = cols[0] ? cols[0].value.trim() : '';
|
var mistake = inputs[0] ? inputs[0].value.trim() : '';
|
||||||
var improve = cols[1] ? cols[1].value.trim() : '';
|
var improve = inputs[1] ? inputs[1].value.trim() : '';
|
||||||
if (mistake || improve) eveningItems.push({ mistake: mistake, improvement: improve });
|
if (mistake || improve) eveningItems.push({ mistake: mistake, improvement: improve });
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -319,30 +319,15 @@
|
|||||||
|
|
||||||
function addEveningRow(mistake, improve) {
|
function addEveningRow(mistake, improve) {
|
||||||
var container = document.getElementById('evening-list');
|
var container = document.getElementById('evening-list');
|
||||||
var idx = container.children.length;
|
|
||||||
mistake = mistake || '';
|
mistake = mistake || '';
|
||||||
improve = improve || '';
|
improve = improve || '';
|
||||||
var div = document.createElement('div');
|
var div = document.createElement('div');
|
||||||
div.className = 'evening-row';
|
div.className = 'evening-row';
|
||||||
div.innerHTML =
|
div.innerHTML =
|
||||||
'<div class="evening-header">' +
|
'<button class="btn-del" onclick="this.parentElement.remove()"><svg class="icon-sm"><use href="#icon-x"/></svg></button>' +
|
||||||
'<span class="idx">' + (idx+1) + '.</span>' +
|
'<input type="text" value="' + esc(mistake) + '" placeholder="犯的错误…">' +
|
||||||
'<button class="btn-del" onclick="this.parentElement.parentElement.remove();renumberEvening()"><svg class="icon-sm"><use href="#icon-x"/></svg></button>' +
|
'<input type="text" value="' + esc(improve) + '" placeholder="改进方案…">';
|
||||||
'</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>';
|
|
||||||
container.appendChild(div);
|
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) + '.';
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ── 勤学预设项目 ── */
|
/* ── 勤学预设项目 ── */
|
||||||
|
|||||||
@@ -615,9 +615,13 @@ body {
|
|||||||
.btn-del:hover { background: var(--danger-light); }
|
.btn-del:hover { background: var(--danger-light); }
|
||||||
.btn-del .icon-sm { width: 16px; height: 16px; }
|
.btn-del .icon-sm { width: 16px; height: 16px; }
|
||||||
|
|
||||||
/* 责善改过 横排双输入 */
|
/* 责善改过 — 简洁分割线风格 */
|
||||||
|
|
||||||
.evening-row {
|
.evening-row {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 8px;
|
||||||
padding: 0 0 12px;
|
padding: 0 0 12px;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
border-bottom: 1px solid var(--border);
|
border-bottom: 1px solid var(--border);
|
||||||
@@ -626,42 +630,17 @@ body {
|
|||||||
.evening-row:last-child {
|
.evening-row:last-child {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.evening-header {
|
.evening-row .btn-del {
|
||||||
display: flex;
|
position: absolute;
|
||||||
align-items: center;
|
top: 0;
|
||||||
justify-content: space-between;
|
right: 0;
|
||||||
margin-bottom: 8px;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.evening-header .idx {
|
.evening-row input[type="text"] {
|
||||||
font-size: 12px;
|
|
||||||
color: var(--text-muted);
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mistake-row {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 8px;
|
|
||||||
align-items: stretch;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mistake-row .col {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mistake-row .col label {
|
|
||||||
font-size: 11px;
|
|
||||||
color: var(--text-muted);
|
|
||||||
font-weight: 500;
|
|
||||||
padding-left: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mistake-row input[type="text"] {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 9px 12px;
|
padding: 9px 12px;
|
||||||
border: 1.5px solid var(--border);
|
border: 1.5px solid var(--border);
|
||||||
@@ -671,8 +650,10 @@ body {
|
|||||||
color: var(--text);
|
color: var(--text);
|
||||||
background: var(--bg);
|
background: var(--bg);
|
||||||
transition: border-color 0.2s, background 0.2s;
|
transition: border-color 0.2s, background 0.2s;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.mistake-row input[type="text"]:focus {
|
|
||||||
|
.evening-row input[type="text"]:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
border-color: var(--primary);
|
border-color: var(--primary);
|
||||||
background: var(--card);
|
background: var(--card);
|
||||||
|
|||||||
Reference in New Issue
Block a user