Adobe 如何在aem中以可视方式显示当前页面子页面的子页面？

我试图获得如下输出：- pic-1 ....

我正在为页脚组件编写以下代码段-

${child} 您的第二次迭代数据将再次列出当前页面的子项。我相信您希望列出当前项目的子页面：

<div class="ftrsection" data-sly-repeat="${currentPage.listChildren}">
                <h3 data-sly-test.child="${item.title}" >${child}</h3>      
                <ul class="footermenu">
                    <li data-sly-repeat.subpage="${item.listChildren}">
                        <a href="${subpage.path}.html" title="${subpage.title}" class="">${subpage.title}</a> 
                    </li>        

                </ul>
            </div>