{ openzc:arclist }
arclist: 博客文章列表调用,每个页面都可以使用
字段名称 | 说明 |
---|---|
[field:archives_id/] | 文章ID |
[field:archives_name/] | 文章标题 |
[field:archives_image/] | 文章缩略图 |
[field:archives_link/] | 文章链接 |
[field:categories_name/] | 所属分类名称 |
[field:categories_link/] | 所属分类链接 |
[field:sort_index/] | 序号 |
[field:archives_description/] | 文章摘要 |
参数名称 | 参数值 | 说明 |
---|---|---|
cid | ID|all(所有ID)|parent(上级分类)|current(当前分类) | 分类ID,多个ID用逗号隔开 |
aid | ID | 产品ID,多个ID用逗号隔开 |
flag | p(图片) v(视频) f(幻灯) h(热门) r(推荐) | 文章标签 |
imgsizer | 100,100 | 图片裁剪参数,(宽,高) |
bgcolor | #000000 | 图片裁剪背景颜色 |
row | 10 | 调用条数10 |
titlelen | 100 | 产品名称字数限制,100代表100个字符 |
desclen | 200 | 产品描述字数限制,200代表200个字符 |
调用标记文章列表
p(图片) v(视频) f(幻灯) h(热门) r(推荐)文章列表调用
flag="h" 热门文章
flag="r" 推荐文章
flag="v" 视频文章
<div class="media align-items-stretch">
<div class="row col-12">
<div class="col-12 col-md-4 col-lg-4">
<ul class="list-group">
<li class="list-group-item"><h4>flag="h" 热门文章</h4></li>
{openzc:arclist cid="1,2" flag="h" row="5"}
<li class="list-group-item d-flex flex-row justify-content-between ">
<a class="tx-light tx-color-01 content-label" href="[field:archives_link/]">[field:sort_index/]. [field:archives_name/]</a>
<span class="content-label">[field:archives_date_added/]</span>
</li>
{/openzc:arclist}
</ul>
</div>
<div class="col-12 col-md-4 col-lg-4">
<ul class="list-group">
<li class="list-group-item"><h4>flag="r" 推荐文章</h4></li>
{openzc:arclist cid="1,2" flag="r" row="5"}
<li class="list-group-item d-flex flex-row justify-content-between ">
<a class="tx-light tx-color-01 content-label" href="[field:archives_link/]">[field:sort_index/]. [field:archives_name/]</a>
<span class="content-label">[field:archives_date_added/]</span>
</li>
{/openzc:arclist}
</ul>
</div>
<div class="col-12 col-md-4 col-lg-4">
<ul class="list-group">
<li class="list-group-item"><h4>flag="v" 视频文章</h4></li>
{openzc:arclist cid="1,2" flag="v" row="5"}
<li class="list-group-item d-flex flex-row justify-content-between ">
<a class="tx-light tx-color-01 content-label" href="[field:archives_link/]">[field:sort_index/]. [field:archives_name/]</a>
<span class="content-label">[field:archives_date_added/]</span>
</li>
{/openzc:arclist}
</ul>
</div>
</div>
</div>
指定分类ID文章调用
多个分类ID用“,”隔开
指定多个cid的文章列表
指定cid的推荐文章列表
<div class="media align-items-stretch">
<div class="row col-12">
<div class="col-12 col-md-4 col-lg-4">
<ul class="list-group">
<li class="list-group-item"><h4>指定多个cid的文章列表</h4></li>
{openzc:arclist cid="1,2" row="5"}
<li class="list-group-item d-flex flex-row justify-content-between ">
<a class="tx-light tx-color-01 content-label" href="[field:archives_link/]">[field:sort_index/]. [field:archives_name/]</a>
<span class="content-label">[field:archives_date_added/]</span>
</li>
{/openzc:arclist}
</ul>
</div>
<div class="col-12 col-md-4 col-lg-4">
<ul class="list-group">
<li class="list-group-item"><h4>指定cid的推荐文章列表</h4></li>
{openzc:arclist cid="1,2" flag="r" row="5"}
<li class="list-group-item d-flex flex-row justify-content-between ">
<a class="tx-light tx-color-01 content-label" href="[field:archives_link/]">[field:sort_index/]. [field:archives_name/]</a>
<span class="content-label">[field:archives_date_added/]</span>
</li>
{/openzc:arclist}
</ul>
</div>
</div>
</div>
与{ openzc:arctype }嵌套使用
循环调用多个分类文章列表
<div class="media align-items-stretch">
<div class="row col-12">
{openzc:arctype cid="1,2,3"}
<div class="col-12 col-md-4 col-lg-4">
<ul class="list-group">
<li class="list-group-item"><h4><a href="[field:categories_link/]">[field:categories_name/]</a></h4></li>
{openzc:arclist row="5"}
<li class="list-group-item d-flex flex-row justify-content-between ">
<a class="tx-light tx-color-01 content-label" href="[field:archives_link/]">[field:sort_index/]. [field:archives_name/]</a>
<span class="content-label">[field:archives_date_added/]</span>
</li>
{/openzc:arclist}
</ul>
</div>
{/openzc:arctype}
</div>
</div>