子菜单优化UI

plugins/addon/theme_configurator/template/admin/index.html

@@ -675,7 +675,7 @@
           <div class="config-item__header">
             <h4>导航 ${index + 1}: ${nav.name || '(未命名)'}</h4>
             <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>
             </div>
           </div>
@@ -774,9 +774,12 @@
 
     window.toggleHeaderNavChildren = function (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';
         container.style.display = isHidden ? 'block' : 'none';
+        toggleBtn.textContent = isHidden ? '收起子菜单' : '展开子菜单';
       }
     };