循环中的列表页调用,每行显示4个,换一个div样式

迅睿框架 更新 2023-03-27 21:03:53 云南麦田

谁能帮忙写下这个循环中隔行显示的标签,效果如下图:

1111

<body>
<div class="zd-ny-main">

 <div id="dh">
  <div class="sj">
   <ul class="sj-top">
    <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字标题</span></li>
    <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字标题</span></li>
    <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字标题</span></li>
   </ul>
  </div>
  <div class="sj">
   <ul class="sj-top">
    <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字标题</span></li>
    <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字标题</span></li>
    <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字标题</span></li>
    <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字标题</span></li>
   </ul>
  </div>
  <div class="sj">
   <ul class="sj-top">
    <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字标题</span></li>
    <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字标题</span></li>
    <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字标题</span></li>
    <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字标题</span></li>
   </ul>
  </div>
 </div>

</div>
</body>


方案

  • 迅睿框架联合创始人 #1 · 2023-03-27 11:26:01
  • 芝麻通 #2 · 2023-03-27 18:45:03
    满意答案
    <div id="dh">
      <div class="sj">
       <ul class="sj-top">{module module=news catid=2 order=updatetime num=12 cache=1}
        <li style="position: relative"><a href="{$t.url}"><img src="{dr_thumb($t.thumb)}"></a><span class="sys">{$t.title}</span></li>
        
        {if ($key+1)%3==0 && $key<11}</ul>
      </div>
      <div class="sj">
       <ul class="sj-top">{else} {/if}
        {/module}
       </ul>
      </div>
     </div>
    主要catid和模块改成自己的就可以了
  • 云南麦田 #3 · 2023-03-27 21:03:53
    @芝麻通:服务很周到,

迅睿系统漏洞

站群分站系统
站群分站系统(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)
增加时间是否更新的开关