子菜单优化UI
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
yiqiu
2025-12-28 22:01:28 +08:00
parent e02c693bdc
commit 2846561d8c

View File

@@ -675,7 +675,7 @@
<div class="config-item__header"> <div class="config-item__header">
<h4>导航 ${index + 1}: ${nav.name || '(未命名)'}</h4> <h4>导航 ${index + 1}: ${nav.name || '(未命名)'}</h4>
<div style="display: flex; gap: 4px;"> <div style="display: flex; gap: 4px;">
<button class="btn-icon" onclick="toggleHeaderNavChildren(${index})" title="子菜单">${hasChildren ? ` (${nav.children.length})` : ''}</button> <button class="btn btn-secondary btn-sm" id="toggle-nav-${index}" onclick="toggleHeaderNavChildren(${index})" style="font-size:12px;">${hasChildren && nav.children.length > 0 ? '收起子菜单' : '展开子菜单'}</button>
<button class="btn-icon btn-icon-danger" onclick="removeHeaderNav(${index})">×</button> <button class="btn-icon btn-icon-danger" onclick="removeHeaderNav(${index})">×</button>
</div> </div>
</div> </div>
@@ -774,9 +774,12 @@
window.toggleHeaderNavChildren = function (index) { window.toggleHeaderNavChildren = function (index) {
const container = document.getElementById(`header-nav-children-${index}`); const container = document.getElementById(`header-nav-children-${index}`);
if (container) { const toggleBtn = document.getElementById(`toggle-nav-${index}`);
if (container && toggleBtn) {
const isHidden = container.style.display === 'none'; const isHidden = container.style.display === 'none';
container.style.display = isHidden ? 'block' : 'none'; container.style.display = isHidden ? 'block' : 'none';
toggleBtn.textContent = isHidden ? '收起子菜单' : '展开子菜单';
} }
}; };