织梦文章列表根据属性输出相应图标或属性文字

相关案例演示

在DedeCMS的文章列表页中,我们有时会给某些重要的文章加上属性,以此来突出文章或集中调用这类属性的文章,比如我们需要调用5个加了属性“推荐”的文章列表,代码如下:


     

<ul class="d4">
            {dede:arclist flag='c' titlelen=42 row=6}
            <li><a href="[field:arcurl/]">[field:title/]</a></li>
            {/dede:arclist}
          </ul>


         

文章编辑的时候,勾选“推荐[c]”属性即可:

image.png

但是有的时候,仅仅调用一类属性的文章并不是我们想要的,如果我们想要在文章列表中把一些加了属性的文章突出来,并在文章标题后面加上对应的属性文字或图标,上面这个方法就不适用了。

织梦58今天就来说说如何在DedeCMS文章列表根据属性输出相应图标或属性文字。

第一种方法:道理很简单,我们需要在文章列表调用标签中加上一段判断代码,来判断当前文章的属性并输出响应的文字,代码如下:


   

 [field:flag runphp='yes']
    $a=explode(',','@me');
    if($a[0]=='c'){
    @me='<span class="badge pull-right" style="background-color:#00F03D">推荐</span>';
    }else if($a[0]=='h'){
    @me='<span class="badge pull-right" style="background-color:#8080FF">头条</span>';
    }else if($a[0]=='a'){
    @me='<span class="badge pull-right" style="background-color:#FF8040">热门</span>';
    }else{
    @me='';
    }
    [/field:flag]


         

以上代码就用于判断文章的属性,并根据属性来输出对应的样式,添加到对应的列表标签中为:

   

<ul class="d4">
            {dede:arclist titlelen=42 row=6}
            <li><a href="[field:arcurl/]">[field:title/][field:flag runphp='yes']
    $a=explode(',','@me');
    if($a[0]=='c'){
    @me='<span class="badge pull-right" style="background-color:#00F03D">推荐</span>';
    }else if($a[0]=='h'){
    @me='<span class="badge pull-right" style="background-color:#8080FF">头条</span>';
    }else if($a[0]=='a'){
    @me='<span class="badge pull-right" style="background-color:#FF8040">热门</span>';
    }else{
    @me='';
    }
    [/field:flag]</a>
            </li>
            {/dede:arclist}
          </ul>


 

效果如下图所示:

image.png

第二种方法:同样也是判断,不过语法不同,如下:

   

 [field:flag runphp='yes']
    if(stristr(@me,"c")) @me = "[^_^推荐]";
    else if(stristr(@me,"a")) @me = "[^_^热门]";
    else if(stristr(@me,"h")) @me = "[^_^头条]";
    else @me = '';
    [/field:flag]


         

在文章列表标签中调用方法为:

     

<ul class="d4">
            {dede:arclist flag='c' titlelen=42 row=6}
            <li><a href="[field:arcurl/]">[field:title/]</a>
                [field:flag runphp='yes']
    if(stristr(@me,"c")) @me = "[^_^推荐]";
    else if(stristr(@me,"a")) @me = "[^_^热门]";
    else if(stristr(@me,"h")) @me = "[^_^头条]";
    else @me = '';
    [/field:flag]
            </li>
            {/dede:arclist}
          </ul>
         

效果如下图所示:

image.png

以上两种方法都可以实现文章列表输出时根据属性输出相应图标或属性文字,大家根据自己的情况选取。


免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。


来源:网友投稿 关注: 时间:2018-08-13 08:54
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ进行交流。
相关织梦教程
QQ在线咨询