业务经理

微信扫描以上二维码

028-61286886

技术咨询

对换行做一下判断,就是 4个图一行,然后添加不同的css标签,代码如何写

迅睿框架 更新 2022-01-10 14:34:15 soonnet

{dede:arclist typeid='1'  row='8'  titlelen='30'}



这部分代码开始

                    [field:global runphp='yes' name=autoindex]

                    $a="

                    <li class='col-4-1 last not-animated' data-animate='fadeInUp' >";

                      $b="

                    

                    <li class='col-4-1 not-animated' data-animate='fadeInUp'>";

                      if ((@me%4)==0 && @me!=12)  @me=$a;

                      else  @me=$b;

                      [/field:global]

     这部分代码结束                 


<div class="portfolio-img">图片</div>

<div class="portfolio-title">

<h2>标题</h2>

</div>

</li>

 {/dede:arclist}


需要对换行做一下判断,就是 4个图一行,然后添加不同的css标签,如上面的代码 ,这里的代码如何写 ?谢谢

方案

  • LandQ #1 · 2022-01-10 14:12:48
    满意答案
    {module module=article catid=1 order=updatetime num=8 cache=1}<li class="col-4-1{if ($key+1)%4==0} last{/if} not-animated" data-animate="fadeInUp"> <div class="portfolio-img">图片</div> <div class="portfolio-title"> <h2>标题</h2> </div></li>{/module}
  • 踏雪哥 #2 · 2022-01-10 14:16:08
    :nth-child(4n+0)
  • soonnet #3 · 2022-01-10 14:34:15
    @LandQ:非常感谢 完美解决

迅睿系统漏洞

GEO系统
GEO系统(2026-09-15)
运营客户端,防止误触阴影处关闭对话框
独立站群系统
独立站群系统(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)
采用阿里云验证码替换迅睿系统自带的图片验证码和滑动验证码。后台设置方...