
bootCMS提供了内置标签来帮助开发者判断缩略图是否存在。以下是关键标签的说明:
| 标签名称 | 功能描述 |
|---|---|
[list:ico] |
缩略图路径,若不存在则自动调用文章第一张图片作为替代 |
[list:isico] |
判断缩略图是否存在,返回值为 1(存在)或 0(不存在) |
实践操作步骤
1. 手册参考
翻阅官方手册,在“内容列表”部分找到“可使用的列表标签”,定位到以下关键内容:
- [list:ico]:用于获取缩略图路径。
- [list:isico]:用于判断缩略图是否存在。
2. 判断逻辑代码实现
以下代码展示了如何通过 [list:isico] 判断缩略图是否存在,并根据结果渲染不同的内容:
{pboot:if('[list:isico]' == '1')}
<div class="card-img scare-img"><a href="[list:link]"><img src="[list:ico]" width="100%"></a>
</div>
{/pboot:if}代码解析:
{pboot:if('[list:isico]' == '1')}:判断[list:isico]的值是否为1,即缩略图是否存在。<img src="[list:ico]" width="100%">:如果存在缩略图,则显示该图片。{/pboot:if}:结束条件判断。
注意事项
| 序号 | 注意点 | 解决方案/建议 |
|---|---|---|
| 1 | 缩略图路径为空时自动调用文章第一张图片 | 确保文章中至少有一张图片,避免封面显示异常 |
| 2 | 判断条件 [list:isico] 返回值类型 |
使用字符串 '1' 进行比较,而非数字 1 |
| 3 | 图片加载性能优化 | 建议对缩略图进行压缩处理,提升页面加载速度 |
