联系我们
软件销售
投诉邮箱

q@xunruicms.com

多级栏目导航循环显示效果是:鼠标放在栏目导航上面,会下拉显示第二级栏目列表,然后放在第二级栏目时会显示第三级栏目列表,等等

image

例如默认模板的写法是这样的:template/pc/default/home/header.html

这是调用共享栏目的分级语法:

<!--第一层:调用pid=0表示顶级-->
{category module=share pid=0}
<li class="menu-dropdown classic-menu-dropdown {if IS_SHARE && $catid && in_array($catid, $t.catids)} active{/if}">
    <a href="{$t.url}" title="{$t.name}" {if $t.tid==2} target="_blank"{/if}>{$t.name}</a>
    {if $t.child}
    <ul class="dropdown-menu pull-left">
        <!--第二层:调用第二级共享栏目-->
        {category module=share pid=$t.id return=t2}
        <li class="{if $t2.child} dropdown-submenu{/if} {if IS_SHARE && $catid && in_array($catid, $t2.catids)} active{/if}">
            <a href="{$t2.url}" class="nav-link nav-toggle " title="{$t2.name}">
                {$t2.name}
            </a>
            {if $t2.child}
            <ul class="dropdown-menu pull-left">
                <!--第三层:调用第三级共享栏目数据-->
                {category module=share pid=$t2.id return=t3}
                <li class="{if IS_SHARE && $catid && in_array($catid, $t3.catids)} active{/if}">
                    <a href="{$t3.url}" title="{$t3.name}">
                        {$t3.name}
                    </a>
                </li>
                {/category}
            </ul>
            {/if}
        </li>
        {/category}
    </ul>
    {/if}
</li>
{/category}

只写了第三层,开发者可以根据网站实际情况写第4、5、6、7、8、9层。

本文地址:https://www.xunruicms.com/doc/1009.html