铭飞获取幻灯片栏目下的图片

作者：infabc | 2024-01-30 08:39:37

踩

铭飞获取幻灯片栏目下的图片

flag

字符串

否

c,f,h,p,

无

指定显示某个属性的文章数据，幻灯f，图片p，推荐c，头条h，跳转 j；请按照示例值顺序设置，例如：flag=c,f

noflag

字符串

否

c,f,h,p,

无

noflag=c，显示文章属性除c之外的所有文章;请按照示例值顺序设置，例如：noflag=c,f;c,p

官网实例：

获取 typeid=62 下面size=5 五篇 flag="c" 推荐的文章


{ms:arclist flag="c" size=5  typeid=62}
<img src="{@ms:file field.litpic/}"/>
<a href='{ms:global.html/}${field.link}' target="_self">${field.title}</a>
{/ms:arclist}Copy

在列表页，获取全部文章中文章属性为推荐的前4篇文章默认按时间排序


...
<div class="tit">猜您喜欢</div>
  {ms:arclist size=4 flag='c' typeid=0}
    <a href='{ms:global.html/}${field.link}' target="_self">${field.title}</a>  
  {/ms:arclist}
</div>

<div class="box-inner">

{ms:arclist flag="f" size=1}
<article>
               <div>
<img src="{@ms:file field.litpic/}"/>
</div>
</article>
{/ms:arclist}

<div>
<span>文章推荐</span>
<br>
<button οnclick="scrollToRecommend()">跳转</button>
</div>
</div>

<div class="post-box half-width" id="recommendationSection">
<div class="h_title">
<h2 class="box-title"><span>文章推荐</span></h2>
</div>
<div class="other-posts">

{ms:arclist flag="c" size=100}
<article class="post-small other-thumb">
<div class="post-inner post-hover">
<div class="post-thumbnail">
<a href="{ms:global.html/}${field.link}" title="${field.title}">
<img src="{@ms:file field.litpic/}" alt="${field.title}" title="${field.title}">
</a>
</div>
<h3 class="post-title"><a href="{ms:global.html/}${field.link}" title="${field.title}">${field.title}</a></h3>
<div class="post-meta post-tag"> <span><i class="fa fa-clock-o"></i>${field.date?string("yyyy-MM-dd")}</span>
<span><i class="fa fa-eye"></i>${field.hit}</span> </div>
<div class="clear"> </div>
</div>
</article>
{/ms:arclist}

</div>

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】