业务经理

微信扫描以上二维码

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
    @芝麻通:服务很周到,

迅睿系统漏洞

AI文章生成器
AI文章生成器(2026-10-29)
任务插图设置数量
Bing站长数据
Bing站长数据(2026-10-29)
根据BING接口调整菜单 各个页面数据支持点击查看详情
按字段付费
按字段付费(2026-10-29)
按字段付费用于模块的字段设置一定的价格,当用户购买了此内容的字段时才...
泛解析站群系统
泛解析站群系统(2026-10-29)
AI队列增加清空按钮 表单提示语收敛 目录模式不接管主域名模板
自定义收款/捐款
自定义收款/捐款(2026-10-28)
自定义收款或捐款插件可以让用户快速创建付款或者捐款功能
全站模块搜索
全站模块搜索(2026-10-28)
实现全模块一次性搜索内容,一键搜索全站内容精准搜索全部模块:
PHPCMSV9数据转换
PHPCMSV9数据转换(2026-10-28)
PHPCMS转入迅睿CMS操作步骤:https://www.xunr...
域名授权系统
域名授权系统(2026-10-28)
后台增加前台访问地址链接
GeoSeo收录宝
GeoSeo收录宝(2026-10-28)
1 优化 BreadcrumbList 前端输出item细节 ...
自定义单页
自定义单页(2026-10-28)
增加批量设置url地址 URL规则和分页规则改为页面编辑界面 低...