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

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

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

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

本文标签:

很赞哦! ()

相关源码

  • (自适应)代理记账财务会计咨询服务个人公司网站模板该响应式网站模板为代理记账、财政咨询及财务会计类企业设计,基于PbootCMS内核开发。通过自适应手机端的HTML5技术,帮助企业高效构建专业财税服务平台查看源码
  • (自适应)平面设计网络工作室个人作品展示网站模板免费下载基于PbootCMS内核开发的响应式网站模板,为设计工作室、创意机构打造的作品展示解决方案。通过模块化布局与极简交互设计,呈现设计作品的视觉细节,支持作品分类、案例解析等多维度展示方式。查看源码
  • pbootcms模板(PC+WAP)火锅加盟餐饮美食类带留言源码基于PbootCMS内核深度开发,为火锅、餐饮品牌打造的营销型解决方案。采用红色主题传递行业活力,实现PC与WAP端适配。查看源码
  • 自适应APP应用程序介绍推广落地页pbootcms网站源码下载移动应用开发商设计的营销型落地页模板,基于PbootCMS内核深度开发采用前沿响应式架构,无缝适配手机端操作习惯与PC端展示需求。查看源码
  • (自适应响应式)家电维修清晰服务网站pbootcms模板免费下载本模板基于PbootCMS内核开发,为维修服务类企业打造,特别适合家电维修、设备维护等行业使用。通过简洁直观的界面设计,帮助企业快速搭建专业级服务平台,实现线上业务高效管理。查看源码
  • (自适应响应式)pbootcms食品零食店日化用品网站源码下载基于PbootCMS内核开发的响应式模板,为食品零食、日化用品等行业量身定制。该模板通过可视化设计展现产品特色,帮助企业快速搭建专业官网查看源码
分享笔记 (共有 篇笔记)
验证码: