业务经理

微信扫描以上二维码

028-61286886

技术咨询

请问这个导航怎么调用？

开源系统 更新 2018-05-31 21:08:34 迅睿粉丝

    <div class="ui navbar fluid six item menu">

      <div class="ui container">


1、有二级分类的栏目是这样的样式

  

        <div class="ui simple dropdown link item">

          <span class="text">一级栏目1</span>

          <i class="dropdown icon"></i>

          <div class="menu">

            <a class="item" href="#">全部</a>

            <div class="divider"></div>

            <div class="header"><i class="tags icon"></i>

             分类:

            </div>

            <a class="item" href="#">二级栏目1</a>

            <a class="item" href="#">二级栏目2</a>

            <a class="item" href="#">二级栏目3</a>

            <a class="item" href="#">二级栏目4</a>



2、二级菜单循环到最后最后一条时候添加一个分界线

            <div class="divider"></div>  //这里是分界线样式

            <a class="item" href="#">二级栏目5</a>

          </div>

        </div>



3.、无二级菜单是这样的样式

        <a class="item" href="/free_psd/">一级栏目2</a>

        <a class="item" href="/patterns/">>一级栏目3</a>

        <a class="item" href="/custom_shapes/">>一级栏目4</a>

      </div>

    </div>



方案

  • 迅睿粉丝 #1 · 2018-05-31 20:47:26 
     
      
    {list action=category module=share pid=0 return=t1}
    
    {if $t1.child}
    
          {$t1.name}
          
          
            全部
            
                              分类:             
                 {list action=category module=share pid=$t1.catid return=t2}           {if $key_t2>=$count_t2-1}            
  //这里是分界线样式            {/if}           {$t2.name}     {/list}           
        
    {else}       {$t1.name}     {/if}          {/list}            
  • 迅睿粉丝 #2 · 2018-05-31 20:48:46 
    <div class="ui navbar fluid six item menu">
      <div class="ui container">
    {list action=category module=share pid=0 return=t1}
    
    {if $t1.child}
    <div class="ui simple dropdown link item">
          <span class="text">{$t1.name}</span>
          <i class="dropdown icon"></i>
          <div class="menu">
            <a class="item" target="_blank" href="#">全部</a>
            <div class="divider"></div>
            <div class="header"><i class="tags icon"></i>
             分类:
            </div>
            
    {list action=category module=share pid=$t1.catid return=t2}
          {if $key_t2>=$count_t2-1}
           <div class="divider"></div>  //这里是分界线样式
           {/if}
          <a class="item" href="{$t2.url}">{$t2.name}</a>
    {/list}
          </div>
        </div>

    {else}
      <a class="item" href="{$t1.url}">{$t1.name}</a>
    {/if}
    
    {/list}

      </div>
    </div>
  • 迅睿粉丝 #3 · 2018-05-31 20:56:58
    【可接二开、定制、使用解答】2楼
    QQ截图20180531205503.png
    二级调用了一级的栏目
  • 迅睿粉丝 #4 · 2018-05-31 21:07:10
    满意答案 
        {list action=category module=share pid=$t1.catid return=t2}
    改成
        {list action=category module=share pid=$t1.id return=t2}
  • 迅睿粉丝 #5 · 2018-05-31 21:08:34
    非常感谢，真是高手

    • 相关问题

    文档与社区推荐

    迅睿系统漏洞

    最近更新的源码
    GEO系统
    GEO系统（2026-09-15）
    运营客户端，防止误触阴影处关闭对话框
    独立站群系统
    独立站群系统（2026-09-14）
    子站独立部署时修复同步附件失败问题
    在线客服
    在线客服（2026-09-13）
    修复删除会话报错问题 删除会话时联动删除聊天图片
    在线考试竞赛系统
    在线考试竞赛系统（2026-09-12）
    增加投票功能 考试功能拓展 注意：更新后需要执行系统更新，更新数...
    网上信箱
    网上信箱（2026-09-12）
    修复新版本兼容问题
    GeoSeo收录宝
    GeoSeo收录宝（2026-09-12）
    1 优化Update.php文件，解决版本在线升级不完整问题 2 ...
    GeoSeo工具箱
    GeoSeo工具箱（2026-09-11）
    修正历史记录推送
    微信系统
    微信系统（2026-09-11）
    增加数据统计总览界面 账号管理增加服务和公众号的区别 菜单管理支持更...
    答题系统
    答题系统（2026-09-11）
    一站式在线答题系统，支持真题考试、题库练习和错题本，适合培训、考证、...
    阿里云滑动验证码
    阿里云滑动验证码（2026-09-10）
    采用阿里云验证码替换迅睿系统自带的图片验证码和滑动验证码。后台设置方...