业务经理

微信扫描以上二维码

028-61286886

技术咨询

循环中的列表页调用,每行显示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-09-14)
子站独立部署时修复同步附件失败问题
在线客服
在线客服(2026-09-13)
修复删除会话报错问题 删除会话时联动删除聊天图片
在线考试竞赛系统
在线考试竞赛系统(2026-09-12)
增加投票功能 考试功能拓展 注意:更新后需要执行系统更新,更新数...
网上信箱
网上信箱(2026-09-12)
修复新版本兼容问题
GeoSeo收录宝
GeoSeo收录宝(2026-09-12)
1 优化Update.php文件,解决版本在线升级不完整问题 2 ...
GeoSeo工具箱
GeoSeo工具箱(2026-09-11)
修正历史记录推送
微信系统
微信系统(2026-09-11)
增加数据统计总览界面 账号管理增加服务和公众号的区别 菜单管理支持更...
答题系统
答题系统(2026-09-11)
一站式在线答题系统,支持真题考试、题库练习和错题本,适合培训、考证、...
阿里云滑动验证码
阿里云滑动验证码(2026-09-10)
采用阿里云验证码替换迅睿系统自带的图片验证码和滑动验证码。后台设置方...
下载Plus
下载Plus(2026-09-09)
为网站附件下载加上“计数、限次、统计、防护”四重能力:按用户组控制下...