菜单 eyoucms模板网

eyoucms使用教程
我们做网站经常会碰到,在列表页,内页,单页等除了首页的一些页面,因为没有下级栏目时,会留出一大块空白,影响美观,如图:我们怎么判断有下级栏目时显示,无下级栏目时隐藏,需要用到一下判断:{eyou:if condition="$eyou.field.has_children > 0 || $eyou.field.parent_id > 0"}需要隐藏的代码{/eyou

列表页侧边导航无下级栏目时隐藏空白div的方法

发布时间:2023-08-11 21:51:08
点击次数:970
复制本文链接

我们做网站经常会碰到,在列表页,内页,单页等除了首页的一些页面,因为没有下级栏目时,会留出一大块空白,影响美观,如图:

(图1)
我们怎么判断有下级栏目时显示,无下级栏目时隐藏,需要用到一下判断:

{eyou:if condition="$eyou.field.has_children > 0 || $eyou.field.parent_id > 0"}需要隐藏的代码{/eyou:if}


比如上图这样写无下级栏目时的效果,如图:
(图2)
有下级栏目时的效果,如图:
(图3)

{eyou:if condition="$eyou.field.has_children > 0 || $eyou.field.parent_id > 0"}
    <div class="pronav">
      <ul class="prolist">
        {eyou:channel type="first" currentstyle="hover"}
        <li class="item {$field.currentstyle}"><a href="{$field.typeurl}" class="aLink">{$field.typename}</a></li>
        {/eyou:channel}
      </ul>
    </div>
    {/eyou:if}


参考标签:

{eyou:gt name="$eyou.field.parent_id" value="0"}<i class="fa icon_menuControl"></i>{/eyou:gt}


收藏

相关文章

加载中~
模板购买咨询
定制仿站咨询
24小时客服
18030990768


模板购买咨询
定制仿站咨询
24小时客服
18030990768