欢迎来到欣怡建站!我们致力于提供优质的网站建站服务
注册

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

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


我们怎么判断有下级栏目时显示,无下级栏目时隐藏,需要用到一下判断:
{eyou:if condition="$eyou.field.has_children > 0 || $eyou.field.parent_id > 0"}需要隐藏的代码{/eyou:if}

比如上图这样写无下级栏目时的效果,如图:

有下级栏目时的效果,如图:

{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}

作者:欣怡建站 挑错 时间:2022-06-27 08:45
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关教程
在线客服