PbootCMS中如何在文章列表中显示默认图片?

在PbootCMS中,如果你希望在文章列表中显示默认图片,而不是在没有上传缩略图时隐藏图片,可以通过PbootCMS提供的条件判断标签 pboot:if 来实现。以下是如何使用 pboot:if 标签来判断文章是否有缩略图,并在没有缩略图时显示默认图片的详细步骤和示例代码:

  1. 理解 isico 属性: 在PbootCMS中,每篇文章有一个 isico 属性,该属性表示文章是否有缩略图。isico 的值可以是 1(表示有缩略图)或 0(表示没有缩略图)。通过判断 isico 的值,可以决定是否显示默认图片。

  2. 使用 pboot:if 标签进行条件判断: pboot:if 标签用于在模板中进行条件判断。你可以使用它来检查 isico 是否等于 1,如果是,则显示缩略图;否则,显示默认图片。

  3. 示例代码: 以下是一个完整的示例代码,展示了如何在文章列表中使用 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}
    在这个示例中,{pboot:if('[list:isico]'=='1')} 判断 isico 是否等于 1,如果是,则显示缩略图;否则,显示默认图片 /default-image.jpg
posted @   黄文Rex  阅读(18)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示