您现在的位置是：首页 > 教程 > pbootcms教程pbootcms教程

PbootCMS文章列表中显示默认图片的方法

南莲2025-02-13 18:53:55pbootcms教程已有7人查阅

导读在PbootCMS中，如果你希望在文章列表中显示默认图片，而不是在没有上传缩略图时隐藏图片，可以通过PbootCMS提供的条件判断标签 pboot:if 来实现。

在PbootCMS中，如果你希望在文章列表中显示默认图片，而不是在没有上传缩略图时隐藏图片，可以通过PbootCMS提供的条件判断标签 pboot:if 来实现。以下是如何使用 pboot:if 标签来判断文章是否有缩略图，并在没有缩略图时显示默认图片的详细步骤和示例代码：
理解 isico 属性：在PbootCMS中，每篇文章有一个 isico 属性，该属性表示文章是否有缩略图。isico 的值可以是 1（表示有缩略图）或 0（表示没有缩略图）。通过判断 isico 的值，可以决定是否显示默认图片。
使用 pboot:if 标签进行条件判断： pboot:if 标签用于在模板中进行条件判断。你可以使用它来检查 isico 是否等于 1，如果是，则显示缩略图；否则，显示默认图片。
示例代码：以下是一个完整的示例代码，展示了如何在文章列表中使用 pboot:if 标签来判断是否有缩略图，并在没有缩略图时显示默认图片：

{pboot:list scode={sort:scode}}
<li class="note-li">
<a href="[list:link]" title="[list:title]">
<div class="flex-column">
{pboot:if('[list:isico]'=='1')}
<div class="img-box">
<img src="[list:ico]" alt="[list:title]">
</div>
{pboot:else}
<div class="img-box">
<img src="/default-image.jpg" alt="[list:title]">
</div>
{/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>
</li>
{/pboot:list}