现在许多详情页都有多图轮播的情况,但是一些少数内容确没有这个图片,就会出现空白不太美观,针对这种情况呢我们就需要写一个判断,当没有多图时候,就换别的图片代替,话不多说一起跟着蜀戎网络来学习一下吧。轮播多图

{pboot:if('{content:ispics}'=='1')}
{pboot:pics num=8 id={content:id}}
  <div class="swiper-slide" data-swiper-slide-index="0"><a href="[pics:src]"><img src="[pics:src]" style="width:6rem; border-radius:0.15rem; box-shadow:0px 0px 8px #ccc;" /></a></div>
{/pboot:pics}
{else}
 <div class="swiper-slide" data-swiper-slide-index="0"><a href="{content:ico}"><img src="{content:ico}" style="width:6rem; border-radius:0.15rem; box-shadow:0px 0px 8px #ccc;" /></a></div>
{/pboot:if}
{content:ispics}这个标签是内容页多图在2.0+版本新增出现的。

内容多图

上图所示代码即表示优先输出第一行轮播图,如没有轮播图换第二行的缩略图。是不是很简单的呢。当然了如果老版本是不会自动获取内容的缩略图的我们可以。

{content:isico}可用于判断,返回1或0:缩略图,不存在时自动调用文章第一张图

这种操作也是可以的只需要参数上图吧标签替换掉即可。

以上教程就是这么多,都比较简单,如还有不明白的,欢迎下方留言。

相关文章