![](https://img.kancloud.cn/c0/c3/c0c3f465853b197daa8fbce0b93afe04_976x537.png)
```
<ul class="post-filter centred ">
<li class="active" data-filter=".filter-item">
<span>全部</span>
</li>
<!--num就不要限制了,返回所有-->
{yzn module="cms" action="category" catid="6" cache="0" order="listorder DESC" return="data"}
{volist name="data" id="vo"}
<li data-filter=".{$vo.catdir}">
<span>{$vo.catname}</span>
</li>
{/volist}
{/yzn}
</ul>
```
```
<div class="row masonary-layout filter-layout">
{yzn module="cms" action="category" catid="6" cache="0" order="listorder DESC" return="categorys"}
{volist name="categorys" id="category"}
<!--模拟重置当前栏目,适配yzn的列表标签-->
{php} $catid = $category['id'];{/php}
{yzn module="cms" action="lists" catid="$catid" order="listorder DESC" num="20" return="data"}
{volist name="data" id="vo"}
<div class="col-md-4 col-sm-6 col-xs-12 filter-item {$category.catdir}">
<div class="single-item inner-box">
<div class="single-item-overlay">
<div class="img-box">
<img src="{$vo.thumb}" alt="" class="list-img">
<div class="overlay">
<div class="inner-box">
<ul class="content">
<!--<li><a href="{$vo.url}"><i class="fa fa-link"></i></a></li>-->
<li><a href="{$vo.thumb}" class="lightbox-image"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="lower-content">
<h4><a href="project-details.html">{$vo.title}</a></h4>
<!-- <div class="text"><p>{$vo.description|str_cut=###,10}</p></div> -->
</div>
</div>
</div>
{/volist}
{/yzn}
{/volist}
{/yzn}
</div>
```