فهرست منبع

commit 优化世系查询展示效果

Hai Lin 6 روز پیش
والد
کامیت
3bbf1de7be
1فایلهای تغییر یافته به همراه10 افزوده شده و 6 حذف شده
  1. 10 6
      templates/lineage_query.html

+ 10 - 6
templates/lineage_query.html

@@ -694,9 +694,10 @@ function renderSiblingsWithCenter(center, siblings) {
     
     return `
         <div class="text-center mt-6 mb-4"><span class="generation-label">同辈兄弟姐妹</span></div>
-        <div class="children-container">
-            ${items.map(item => `
-                <div class="child-group ${item.type === 'center' ? 'center-child' : ''}">
+        <div class="generation-row">
+            <div class="children-container">
+                ${items.map(item => `
+                    <div class="child-group ${item.type === 'center' ? 'center-child' : ''}">
                     <div class="connection-line horizontal"></div>
                     ${renderTreeNode(item.person, item.type === 'center')}
                     ${item.type !== 'center' && item.person.has_children ? `
@@ -704,9 +705,10 @@ function renderSiblingsWithCenter(center, siblings) {
                         <div class="children-container" style="display: none;" data-parent-id="${item.person.id}">
                         </div>
                     ` : ''}
+                    </div>
+                `).join('')}
                 </div>
-            `).join('')}
-        </div>
+            </div>
     `;
 }
 
@@ -716,7 +718,9 @@ function renderChildrenTree(children) {
     
     return `
         <div class="text-center mt-6 mb-4"><span class="generation-label">后代谱系</span></div>
-        ${renderChildrenRecursive(children)}
+        <div class="generation-row">
+            ${renderChildrenRecursive(children)}
+        </div>
     `;
 }