|
|
@@ -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>
|
|
|
`;
|
|
|
}
|
|
|
|