网站导航栏目及产品导航子栏目调整
2021-12-15 15:08:17 0
信息ID 20211215235
发布时间 2021-12-15 15:08:17
更新时间 2021-12-15 17:18:51
项目周期 2天
项目预算 50元
联系邮箱 2416380112@qq.com
联系电话 18989476265
需支持/适配的客户端 网站

需求说明：

网站导航栏目及产品导航子栏目调整；首页导航需要二级三级栏目显示；产品中心导航栏目也是要显示子栏目

image

<!DOCTYPE html>
<!--[if IE 8]> <html class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html>
<!--<![endif]-->
    
<header id="header">
  <div class="container clear clearfix">
    <div class="logo fl"><a href="{SITE_URL}"><img src="{HOME_THEME_PATH}images/logo.png" alt="{SITE_NAME}"></a></div>
    <div>
      <div><span></span></div>
    </div>
    <nav id="mainnav" class="mainnav fr">
      <ul class="menu clear clearfix" style="list-style:none;">
        <li>
          <p><a href="{SITE_URL}" title="{SITE_NAME}">首页</a></p>
        </li>

<!--第一层：调用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}

      </ul>
    </nav>
  </div>
</header>

网址：http://www.clpiot.com/

上一篇：开发百度小程序界面故障提示内容
下一篇：调整两处CSS细节

发布作者：开源社区创始人
联系电话：18989476265
联系邮箱：2416380112@qq.com
发布时间：2021-12-15 15:08:17

1835022299