业务经理

微信扫描以上二维码

028-61286886

技术咨询

想实现这种布局,哪位有更好的思路

迅睿框架 更新 2022-06-06 15:19:17 葫芦娃

想实现这种布局,哪位有更好的思路?目前采用分类,不知道这种布局分类如何实现?

可茶水付费,留下联系方式

QQ截图20220604001057

方案

  • 悦笙 #1 · 2022-06-04 10:10:00
    就是一个普通的列表
  • 我不是大佬 #2 · 2022-06-04 10:11:36
    直接套模板
  • 有型的胖子 #3 · 2022-06-04 10:22:55
    就直接用啊,直接套标签啊,如果字段不够,增加自定义字段
  • 小黄人 18html #4 · 2022-06-04 11:05:08
    思路清晰,没毛病
  • Jeffery #5 · 2022-06-04 14:04:24
    这个很简单啊!
  • 伦少 #6 · 2022-06-04 17:16:04
    2级栏目使用循环栏目标签,循环该一级栏目的子栏目,3级栏目采用循环当前栏目的子栏目
  • 迅睿粉丝 #7 · 2022-06-04 23:47:55
    直接照着网站做就可以
  • 葫芦娃 #8 · 2022-06-06 12:45:52
    伦少 二级栏目循环出筛选样式,三级栏目循环出列表样式,这个怎么实现
  • 葫芦娃 #9 · 2022-06-06 14:02:21
    <!--二级分类开始-->
    <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>
  • 小黄人 18html #10 · 2022-06-06 14:55:57
    LIST.HTML
    <!--二级分类开始-->
    <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>
  • 小黄人 18html #11 · 2022-06-06 14:59:33
    满意答案
    category.html
    <!--二级分类开始-->
    <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>
  • 葫芦娃 #12 · 2022-06-06 15:19:17
    @小黄人 18html:感谢帮助,

迅睿系统漏洞

站群分站系统
站群分站系统(2026-10-15)
子站域名新增llms.txt访问
GEO系统
GEO系统(2026-10-14)
修复下载zip空白地址问题 修复流量复刻和任务队列错误
GeoSeo收录宝
GeoSeo收录宝(2026-10-14)
新增 站长工具箱 前端首页自动调用meta 数据
滑块验证码 Gocaptcha
滑块验证码 Gocaptcha(2026-10-13)
基于开源项目 go-captcha 的行为验证码插件,滑动拼图、区域...
GeoSeo工具箱
GeoSeo工具箱(2026-10-13)
优化巡检任务
GeoSeo排名助手
GeoSeo排名助手(2026-10-11)
加入大模型自定义
SEO聚合关键字
SEO聚合关键字(2026-10-11)
优化关键字列表页最多支持1万篇文章,过多会导致服务器扛不住;
CMS内容同步复制
CMS内容同步复制(2026-10-10)
增加时间是否更新的开关