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

速优网络（10年经验），服务数万家企业，固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司，专业团队，值得选择！建站业务：企业网站建设、公司官网制作、外贸网站建设、网站仿制、网站复制、仿站、外贸建站、单页扒站客服微信【suyoufuwu】

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

列表页侧边导航无下级栏目时隐藏空白div的方法(图1)
我们怎么判断有下级栏目时显示，无下级栏目时隐藏，需要用到一下判断：

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

比如上图这样写无下级栏目时的效果，如图：
列表页侧边导航无下级栏目时隐藏空白div的方法(图2)
有下级栏目时的效果，如图：
列表页侧边导航无下级栏目时隐藏空白div的方法(图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}

以上就是速优网络和大家分享的"eyoucms列表页侧边导航无下级栏目时隐藏空白div的方法",非常感谢您有耐心的读完这篇文章，我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供：企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务，本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作，请扫码咨询，我们将诚挚为您服务。

TAG标签：

上一篇： eyoucms表单开关样式问题空格没有

下一篇： eyoucms如何隐藏标题部分内容用※号