请问列表页调用,每缝第三个,换一个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
    @帆哥工作室:已经解决,感谢

迅睿系统漏洞

GeoSeo收录宝
GeoSeo收录宝(2026-09-01)
升级 ai智能发布功能 升级 支持8国语言后端设置和前端输出功能 ...
Word发布批量上传
Word发布批量上传(2026-08-31)
版本覆盖问题重发
多语言翻译Seolang
多语言翻译Seolang(2026-08-31)
新增 LLM 大模型对话翻译模块 配置层强类型化重构 URL 模...
自定义存储
自定义存储(2026-08-30)
同步服务器端通用版实现,统一管理端、CMS 端和浏览器直传的提示与错...
GeoSeo工具箱
GeoSeo工具箱(2026-08-29)
新增 bing推送 新增 IndexNow推送 新增 baidu...
外贸多语言建站
外贸多语言建站(2026-08-27)
新增阿里云专业版入口 新增阿里云自动识别字符格式
Querylist渐进式采集
Querylist渐进式采集(2026-08-26)
增加范围截取规则
实时任务
实时任务(2026-08-26)
补充并整理完整使用说明、历史版本更新日志,统一帮助页样式。