pbootcms模板文章列表没有缩略图时也不显示默认图片(1)
通义灵码
为了在PBootCMS模板中实现只有上传了缩略图才显示图片的功能,可以使用[list:isico]
标签来判断是否存在缩略图。下面是具体实现的代码示例:
完整代码示例
{pboot:list scode={sort:scode}} <a href="[list:link]" rel="external nofollow" title="[list:title]"> <div class="flex-column"> {pboot:if('[list:isico]'=='1')} <img src="[list:ico]" alt="[list:title]"> {/pboot:if} <div class="text-box"> <h4>[list:title]</h4> <p class="intro hidden-sm">[list:content drophtml=1 dropblank=1 lencn=120]</p> <p> <span><i class="fa fa-clock-o" aria-hidden="true"></i> [list:date style=Y-m-d]</span> <span><i class="fa fa-eye" aria-hidden="true"></i> [list:visits] 浏览</span> <span><i class="fa fa-thumbs-up" aria-hidden="true"></i> [list:likes] 点赞</span> </p> </div> </div> </a> {/pboot:list}
关键部分解析
-
判断是否有缩略图
{pboot:if('[list:isico]'=='1')} <img src="[list:ico]" alt="[list:title]"> {/pboot:if}
这里通过
[list:isico]
的值来判断是否有上传缩略图。如果[list:isico]
的值为1
,则表示有缩略图,会显示图片;否则不会显示任何图片。 -
其他信息展示 其他部分代码展示了如何显示文章的标题、内容摘要以及发布时间、浏览量和点赞数等信息。
通过这种方式,可以确保在没有上传缩略图的情况下不会显示默认图片,从而提高用户体验。