dede调用一二级菜单导航,bootstrap结合dede二级导航

admin2020-02-191208

dede调用指定的某个栏目:

代码:

{dede:type typeid='栏目id'} <a href="[field:typeurl/]">[field:typename/]</a> {/dede:type}

dede调用一级导航

效果:

image.png

方法一:

{dede:channel row='7'  type ='top'    }
<li><a href="[field:typelink/]">[field:typename/]</a></li>
{/dede:channel}

方法二:

<ul class="mobile_nav_box" id="navbarmobile">
    <li class=""><a title="首页" href="{dede:global.cfg_basehost/}">首页</a></li>
    {dede:channelartlist type='top' typeid='top' row='6'}
    <li class="">
    <a title="{dede:field name='typename'/}" href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a>
    </li>
    {/dede:channelartlist}
    <div class="clear"></div>
</ul>

dede调用二级导航

<div id="menu">
   <ul>
  {dede:channelartlist typeid='top'  row='6' orderby='sortrank'}
      <li> <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a>
       <ul>
        {dede:channel row='15' type='son'}
        <li><a href='[field:typelink/]'>[field:typename/]</a></li>
        {/dede:channel}
      </ul>
     </li>
     {/dede:channelartlist}  
   </ul>
</div>

dede调用二级导航(有的显示二级有的不显示)

这就需要拼凑了,按照导航的id顺序排列。

<div id="menu">
    <ul>
	{dede:channelartlist type='top' row='4' typeid="1"}
	<li> <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></li>
	{/dede:channelartlist} 
	{dede:channelartlist typeid='2,3,4,5'  row='7' orderby='sortrank'}
	<li> <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a>
	    <ul class="subnav">
	        {dede:channel row='10' type='son'}
	        <li><a href='[field:typelink/]'>[field:typename/]</a></li> 
	        {/dede:channel}
	    </ul>
    	</li>
	{/dede:channelartlist} 
	{dede:channelartlist type='top' row='4' typeid="6,7"}
	<li> <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></li>
	{/dede:channelartlist} 
    </ul>
</div>

dede结合bootstrap二级导航

效果:

image.png

代码:

<div class="collapse navbar-collapse align-self-end" id="navbarSupportedContent">
    <ul class="navbar-nav">
	<li class="nav-item mx-3"><a href="#" class="nav-link active">网站首页</a></li>
	{dede:channelartlist typeid='top' row='7' orderby='sortrank'}
	<li class="nav-item mx-2 dropdown"> 
	<a class="nav-link dropdown-toggle" href="{dede:field name='typeurl'/}" id="navbarDropdown" role="button" data-toggle="dropdown">
	    {dede:field name='typename'/}
	</a>
	{dede:channel row='5' type='son'}
    	<div class="dropdown-menu" aria-labelledby="navbarDropdown">
	    <a class="dropdown-item" href='[field:typelink/]'>[field:typename/]</a>
    	    <a class="dropdown-item" href="#">Action</a>
	</div>
	{/dede:channel}
	</li>
	{/dede:channelartlist}  
    </ul>
</div>

调用指定栏目的子栏目:

{dede:channel  typeid ='3' type='son'}
   <li class="sidebarporductimg"><a href='[field:typelink/]'>[field:typename/]</a></li>
{/dede:channel}


网友评论