列表页侧边导航无下级栏目时隐藏空白div的方法
2022-07-30 加入收藏
我们做网站经常会碰到，在列表页，内页，单页等除了首页的一些页面，因为没有下级栏目时，会留出一大块空白，影响美观，如图：
我们怎么判断有下级栏目时显示，无下级栏目时隐藏，需要用到一下判断：
{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}
