<nav class="hidden md:flex items-center space-x-8">
<a href="{pboot:sitepath}/" class="text-dark hover:text-primary font-medium transition-colors" title="{pboot:sitetitle}">首页</a>
{pboot:nav}
{pboot:if([nav:soncount]>0)}
<div class="relative group">
<a href="[nav:link]" class="text-dark hover:text-primary font-medium transition-colors flex items-center" title="[nav:name]"> [nav:name] <i class="fa fa-chevron-down ml-1 text-xs"></i> </a>
<div class="absolute left-0 mt-2 w-48 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50">
<div class="py-1">
{pboot:2nav parent=[nav:scode]}
<a href= "[2nav:link]" class="block px-4 py-2 text-sm text-dark hover:bg-gray-50 hover:text-primary" title="[2nav:name]">[2nav:name]</a>
{/pboot:2nav}
</div></div></div>
{else}<a href= "[nav:link]" class="text-dark hover:text-primary font-medium transition-colors" title="[nav:name]">[nav:name]</a>
{/pboot:if}
{/pboot:nav}
</nav>
配合css，效果如下：
