pbootcms导航调用指定栏目及其子栏目
代码如下:
<nav class="top-0 left-0 right-0 z-50 md:py-3 mx-auto topnav">
<div class="mx-auto flex items-center justify-between topnav-content">
<div class="flex items-center justify-between">
<div class="flex items-center md:logo-info md:justify-start justify-center">
<a href="{pboot:sitedomain}/"><img src="{pboot:sitelogo}" class="logo" id="logo" alt="{pboot:companyname}" title="{pboot:companyname}"></a>
<div class="head-line"></div>
<div class="head-tel" style="text-align: center;">
<div class="tel-info">{pboot:companyphone}</div>
<div class="tel-desc">
<span class="hidden md:inline">官方热线|全国业务|快速受理</span><span class="md:hidden">官方热线|全国业务受理</span>
</div>
</div>
</div>
<div class="hidden md:flex items-center justify-between navs w-[36.0625rem]">
<!-- 首页 -->
<a href="{pboot:sitedomain}/" target="_blank" class="nav-item-name text-base nav-item {pboot:if(0=='{sort:scode}')}text-primary{/pboot:if} hover:text-primary">首页</a>
{pboot:nav parent="5,6,30" scode="88,32,50,47,159"}
<div class="nav-item relative nav-item-name" style="z-index:999">
<a href="[nav:link]" target="_blank" class="{pboot:if([nav:scode]'=='{sort:pcode}')}text-primary{/pboot:if} hover:text-primary nav-item-name">
[nav:name]
</a>
{pboot:if([nav:soncount]>0)}
<div class="submenu hidden absolute top-full left-0 bg-white shadow-lg rounded-md py-2 w-48 nav-name2">
{pboot:2nav parent=[nav:scode] num=8}
<a href="[2nav:link]" target="_blank" class="block px-4 py-2 text-sm hover:bg-blue-50 text-xl {pboot:2if([2nav:scode]=='{sort:scode}'||'[2nav:scode]'=='{sort:tcode}'||'[2nav:scode]'=='{sort:pcode}')}text-primary{/pboot:2if}">
[2nav:name]
</a>
{/pboot:2nav}
</div>
{/pboot:if}
</div>
{/pboot:nav}
{pboot:nav parent="0" scode="1"}
<div class="nav-item relative nav-item-name" style="z-index:999">
<a href="[nav:link]" target="_blank" class="{pboot:if([nav:scode]=='{sort:scode}'||'[nav:scode]'=='{sort:tcode}'||'[nav:scode]'=='{sort:pcode}')}text-primary{/pboot:if} hover:text-primary nav-item-name">
[nav:name]
</a>
{pboot:if([nav:soncount]>0)}
<div class="submenu hidden absolute top-full left-0 bg-white shadow-lg rounded-md py-2 w-48 nav-name2">
{pboot:2nav parent=[nav:scode] num=8}
<a href="[2nav:link]" target="_blank" class="block px-4 py-2 text-sm hover:bg-blue-50 text-xl {pboot:2if([2nav:scode]=='{sort:scode}'||'[2nav:scode]'=='{sort:tcode}'||'[2nav:scode]'=='{sort:pcode}')}text-primary{/pboot:2if}">
[2nav:name]
</a>
{/pboot:2nav}
</div>
{/pboot:if}
</div>
{/pboot:nav}
</div>
<button class="md:hidden flex items-center p-2 bg-gray-200 border-[0.0625rem] ml-[1rem]" id="menuButton">
<i class="fas fa-bars text-gray-700 text-xl"></i>
</button>
</div>
</div>
<div class="mobile-menu md:hidden bg-white border-t" id="mobileMenu">
<div class="px-4 py-2">
<a href="{pboot:sitedomain}/" class="block py-3 border-b border-gray-100 {pboot:if(0=='{sort:scode}')}text-primary{/pboot:if}">首页</a>
{pboot:nav parent="5,6,30" scode="88,32,50,47,159"}
<div class="mobile-submenu">
<button class="flex items-center justify-between w-full py-3 border-b border-gray-100 {pboot:if([nav:scode]'=='{sort:pcode}')}text-primary{/pboot:if}">
[nav:name]
<i class="fas fa-chevron-down text-sm"></i>
</button>
{pboot:if([nav:soncount]>0)}
<div class="hidden bg-gray-50 px-4">
{pboot:2nav parent=[nav:scode] num=8}
<a href="[2nav:link]" class="block py-2 text-sm text-gray-700 {pboot:2if([2nav:scode]=='{sort:scode}'||'[2nav:scode]'=='{sort:tcode}'||'[2nav:scode]'=='{sort:pcode}')}text-primary{/pboot:2if}">[2nav:name]</a>
{/pboot:2nav}
</div>
{else}
<a href="[nav:link]" class="block py-3 text-gray-700 border-b border-gray-100">[nav:name]</a>
{/pboot:if}
</div>
{/pboot:nav}
{pboot:nav parent="0" scode="1"}
<div class="mobile-submenu">
<button class="flex items-center justify-between w-full py-3 border-b border-gray-100 {pboot:if([nav:scode]=='{sort:scode}'||'[nav:scode]'=='{sort:tcode}'||'[nav:scode]'=='{sort:pcode}')}text-primary{/pboot:if}">
[nav:name]
<i class="fas fa-chevron-down text-sm"></i>
</button>
{pboot:if([nav:soncount]>0)}
<div class="hidden bg-gray-50 px-4">
{pboot:2nav parent=[nav:scode] num=8}
<a href="[2nav:link]" class="block py-2 text-sm text-gray-700 {pboot:2if([nav:scode]=='{sort:scode}'||'[nav:scode]'=='{sort:tcode}'||'[nav:scode]'=='{sort:pcode}')}text-primary{/pboot:2if}">[2nav:name]</a>
{/pboot:2nav}
</div>
{else}
<a href="[nav:link]" class="block py-3 text-gray-700 border-b border-gray-100">[nav:name]</a>
{/pboot:if}
</div>
{/pboot:nav}
</div>
</div>
</nav>
