请问列表页调用,每缝第三个,换一个class样式

迅睿框架 更新 2021-10-18 08:53:28 伦少

织梦转迅睿,

请问列表页调用,每缝第三个,换一个class样式,意思是3,6,9,12.....换另外的class样式,

原织梦调用:

 {dede:list pagesize ='9'}
    [field:global runphp='yes' name=autoindex]
    $a="
    <div class='item' style='margin-right:0;'>";
      $b="
      <div class='item'>";
        if ((@me%3)==0 && @me!=18)  @me=$a;
        else  @me=$b;
        [/field:global] <a href="[field:arcurl/]" title="[field:title/]"><img src="[field:litpic/]" alt="[field:title/]">
        <div class="bg"></div>
        <span class="plus"></span>
        <h3>[field:title/]</h3>
        </a></div>
   {/dede:list}

{xunruicms_img_title}

方案

  • 迅睿框架联合创始人 #1 · 2021-10-13 22:54:32
  • likelonely #2 · 2021-10-14 08:56:22
    .item:nth-child(3n) { margin-right:0; }
    这个css放到页面就好了,每逢3的倍数,右边距为0
  • 有型的胖子 #3 · 2021-10-14 09:39:49
    试试这个行不行{if $key%3==0}内容{/if}
  • 帆哥工作室 #4 · 2021-10-14 10:12:09
    满意答案
    .item:nth-child(3n) { margin-right:0; }
  • 伦少 #5 · 2021-10-18 08:53:28
    @帆哥工作室:已经解决,感谢

迅睿系统漏洞

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