迅睿CMS框架是一款PHP8高性能·简单易用的CMS开源开发框架,基于MIT开源许可协议发布,免费且不限制商业使用,是免费开源的产品,以万端互联为设计理念,支持的微信公众号、小程序、APP客户端、移动端网站、PC网站等多终端式管理系统。
联系官方销售客服
1835022288
028-61286886
想实现这种布局,哪位有更好的思路?目前采用分类,不知道这种布局分类如何实现?
可茶水付费,留下联系方式
<!--二级分类开始--> <div class="tab"> <ul> <li><a href="" class="active">全部</a></li> <li><a href="">二级分类A</a></li> <li><a href="">二级分类B</a></li> </ul> </div> <!--三级分类开始--> <div class="project"> <ul class="u1"> <li> <div class="item"> <div class="project_head"> <a href="">三级分类名字A</a> </div> <div class="project_info"> <span title="10次点击"> <i class="iconm bi bi-eye-fill">10</i> </span> <span title="10篇文章"> <i class="iconm bi bi-eye-fill">10</i> </span> </div> </div> </li> </ul> </div>
<!--二级分类开始--> <div class="tab"> <ul> <li><a href="{$top.url}">全部</a></li> {category module=share pid=$top.id} <li><a href=""{if $catid==$t.id} class="active"{/if}>全部</a></li> {/category} </ul> </div> <!--三级分类开始--> <div class="project"> <ul class="u1"> {category module=share pid=$catid} <li> <div class="item"> <div class="project_head"> <a href="">三级分类名字A</a> </div> <div class="project_info"> <span title="10次点击"> <i class="iconm bi bi-eye-fill">10</i> </span> <span title="10篇文章"> <i class="iconm bi bi-eye-fill">10</i> </span> </div> </div> </li> {/category} </ul> </div>
<!--二级分类开始--> <div class="tab"> <ul> <li><a href="{$top.url}"{if $catid==$top.id} class="active"{/if}>全部</a></li> {category module=share pid=$top.id} <li><a href=""{if $catid==$t.id} class="active"{/if}>{$t.name}</a></li> {/category} </ul> </div> <!--三级分类开始--> <div class="project"> <ul class="u1"> {module module=模块 catid=$catid} <li> <div class="item"> <div class="project_head"> <a href="">三级分类名字A</a> </div> <div class="project_info"> <span title="10次点击"> <i class="iconm bi bi-eye-fill">10</i> </span> <span title="10篇文章"> <i class="iconm bi bi-eye-fill">10</i> </span> </div> </div> </li> {/module} </ul> </div>