迅睿開源框架是一款PHP8高性能·簡(jiǎn)單易用的PHP開源開發(fā)框架, 基于MIT開源許可協(xié)議發(fā)布,不限制商業(yè)使用,以多端互聯(lián)為設(shè)計(jì)理念, 支持的微信公眾號(hào)、小程序、APP客戶端、移動(dòng)端網(wǎng)站、PC網(wǎng)站等多終端式管理系統(tǒng)。
業(yè)務(wù)經(jīng)理
微信掃描以上二維碼
028-61286886
技術(shù)咨詢
想實(shí)現(xiàn)這種布局,哪位有更好的思路?目前采用分類,不知道這種布局分類如何實(shí)現(xiàn)?
可茶水付費(fèi),留下聯(lián)系方式
就是一個(gè)普通的列表
就直接用啊,直接套標(biāo)簽啊,如果字段不夠,增加自定義字段
2級(jí)欄目使用循環(huán)欄目標(biāo)簽,循環(huán)該一級(jí)欄目的子欄目,
3級(jí)欄目采用循環(huán)當(dāng)前欄目的子欄目
回復(fù)@倫少 二級(jí)欄目循環(huán)出篩選樣式,三級(jí)欄目循環(huán)出列表樣式,這個(gè)怎么實(shí)現(xiàn)
<!--二級(jí)分類開始--> <div class="tab"> <ul> <li><a href="" class="active">全部</a></li> <li><a href="">二級(jí)分類A</a></li> <li><a href="">二級(jí)分類B</a></li> </ul> </div> <!--三級(jí)分類開始--> <div class="project"> <ul class="u1"> <li> <div class="item"> <div class="project_head"> <a href="">三級(jí)分類名字A</a> </div> <div class="project_info"> <span title="10次點(diǎn)擊"> <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>
LIST.HTML
<!--二級(jí)分類開始--> <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> <!--三級(jí)分類開始--> <div class="project"> <ul class="u1"> {category module=share pid=$catid} <li> <div class="item"> <div class="project_head"> <a href="">三級(jí)分類名字A</a> </div> <div class="project_info"> <span title="10次點(diǎn)擊"> <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>
category.html
<!--二級(jí)分類開始--> <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> <!--三級(jí)分類開始--> <div class="project"> <ul class="u1"> {module module=模塊 catid=$catid} <li> <div class="item"> <div class="project_head"> <a href="">三級(jí)分類名字A</a> </div> <div class="project_info"> <span title="10次點(diǎn)擊"> <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>
就是一個(gè)普通的列表
就直接用啊,直接套標(biāo)簽啊,如果字段不夠,增加自定義字段
2級(jí)欄目使用循環(huán)欄目標(biāo)簽,循環(huán)該一級(jí)欄目的子欄目,
3級(jí)欄目采用循環(huán)當(dāng)前欄目的子欄目
回復(fù)@倫少 二級(jí)欄目循環(huán)出篩選樣式,三級(jí)欄目循環(huán)出列表樣式,這個(gè)怎么實(shí)現(xiàn)
<!--二級(jí)分類開始--> <div class="tab"> <ul> <li><a href="" class="active">全部</a></li> <li><a href="">二級(jí)分類A</a></li> <li><a href="">二級(jí)分類B</a></li> </ul> </div> <!--三級(jí)分類開始--> <div class="project"> <ul class="u1"> <li> <div class="item"> <div class="project_head"> <a href="">三級(jí)分類名字A</a> </div> <div class="project_info"> <span title="10次點(diǎn)擊"> <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>LIST.HTML
<!--二級(jí)分類開始--> <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> <!--三級(jí)分類開始--> <div class="project"> <ul class="u1"> {category module=share pid=$catid} <li> <div class="item"> <div class="project_head"> <a href="">三級(jí)分類名字A</a> </div> <div class="project_info"> <span title="10次點(diǎn)擊"> <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>category.html
<!--二級(jí)分類開始--> <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> <!--三級(jí)分類開始--> <div class="project"> <ul class="u1"> {module module=模塊 catid=$catid} <li> <div class="item"> <div class="project_head"> <a href="">三級(jí)分類名字A</a> </div> <div class="project_info"> <span title="10次點(diǎn)擊"> <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>