pbootcms模板如何实现栏目和子栏目高亮

网站建设影子

于 2022-10-20 12:31:34 发布

阅读量641

点赞数 1

分类专栏： pbootcms教程文章标签： java javascript 前端

原文链接：https://www.91084.com/pbootcms/az/1661.html

版权

pbootcms教程专栏收录该内容

44 篇文章 5 订阅

订阅专栏

pbootcms栏目和子栏目高亮
默认是全部是高亮，点击子栏目高亮消失，下列是参考代码

<div class="sonsort mt-4 mb-2">
    {pboot:nav num=10 parent={sort:tcode}}
        {pboot:if([nav:i]==1)}
            {pboot:2if('{sort:scode}'=='{sort:tcode}')}
                <a href="{sort:toplink}" class="btn btn-info mb-2">全部 <span class="badge badge-light">{sort:toprows}</a>
            {2else}
                <a href="{sort:toplink}" class="btn btn-light mb-2">全部 <span class="badge btn-info">{sort:toprows}</a>
            {/pboot:2if}
        {/pboot:if}
        
        {pboot:if('[nav:scode]'=='{sort:scode}')}
            <a href="[nav:link]" class="btn btn-info mb-2">[nav:name] <span class="badge badge-light">[nav:rows]</span></a>
        {else}
            <a href="[nav:link]" class="btn btn-light mb-2">[nav:name] <span class="badge btn-info">[nav:rows]</span></a>
        {/pboot:if}
    {/pboot:nav}
</div>