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

pbootcms文章列表没有缩略图时不显示默认图片的方法

盼曼2025-03-31pbootcms教程已有18人查阅

导读为了在PBootCMS模板中实现只有上传了缩略图才显示图片的功能,可以使用[list:isico]标签来判断是否存在缩略图。下面是具体实现的代码示例:完整代码示例

为了在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,则表示有缩略图,会显示图片;否则不会显示任何图片。
其他信息展示 其他部分代码展示了如何显示文章的标题、内容摘要以及发布时间、浏览量和点赞数等信息。
通过这种方式,可以确保在没有上传缩略图的情况下不会显示默认图片,从而提高用户体验。

本文标签:

很赞哦! (2)

暂无内容
暂无内容

相关源码

  • pbootcms模板(PC+WAP)APP应用软件下载类官网源码为APP应用软件官网打造的响应式解决方案,PC端与移动端(WAP)数据实时同步,一次更新全网生效,满足多终端用户无缝体验需求。查看源码
  • (pc+wap)pbootcms网站模板蓝色小程序网站开发公司基于PbootCMS内核开发的营销型门户模板,为小程序开发公司、电商软件企业打造。采用HTML5自适应架构,实现PC与手机端数据实时同步展示查看源码
  • pbootcms模板(PC+WAP)微信小程序开发公司网站本模板为微信小程序开发代理、软件开发公司等企业设计,基于PbootCMS内核开发,支持PC+WAP双端响应式布局,数据实时同步,适用于多行业快速建站。查看源码
  • pbootcms模板PC+WAP娱乐新闻资讯类博客网站源码该模板基于PbootCMS内核开发,专为娱乐新闻、健康生活类资讯网站设计,同时支持快速适配其他行业(如企业官网、博客门户等),仅需替换图文内容即可完成转型。查看源码
  • (PC+WAP)绿色产品环保设备垃圾桶厂家公司网站pbootcms模板为垃圾桶生产商、环保设备企业打造的高端响应式门户模板,基于PbootCMS开源内核深度开发。采用HTML5自适应架构,无缝实现PC与手机端数据实时同步与交互优化查看源码
  • 响应式pbootcms模板新闻资讯博客自媒体门户网站行业通用解决方案为新闻资讯、自媒体博客打造的响应式网站模板,同时支持企业门户、行业资讯等多场景快速适配。通过简单的图文替换即可实现跨行业转型,显著降低建站成本。查看源码
暂无内容
暂无内容
分享笔记 (共有 0 篇笔记)
昵称:
匿名发表 登录账号
         
验证码: