zoukankan      html  css  js  c++  java
  • dedecms列表页文章有图调用缩略图 无图留空或自定义图片的方法!

    默认情况下,织梦的文章列表页会调用出当前栏目下的文章列表,并且调用出每个文章的缩略图:如果文章本身就有图,会调用出一张小图,如果没有,则会显示默认的织梦图片。这种处理方式有时候比较影响美观,其实可以修改一下代码,实现如下功能:

    如果列表页中的文章本身有图,则在列表页中显示此文章的缩略图;

    如果文章没有图,则不显示任何图片。

    其实也就是去掉默认织梦的“暂无图片”的小图,让页面看起来更美观一些。

    找到模板目录下的文件:list_article.htm,将列表部分的默认的代码修改如下:

      <div class="listbox">
       <ul class="e2">
        {dede:list pagesize='10'}
        <li> [field:array runphp='yes']@me = (strpos(@me['litpic'],'defaultpic') ? "" : "<ahref='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]
         [<b>[field:typelink/]</b>] <a href="[field:arcurl/]" class="title">[field:title/]</a> <span class="info"> <small>日期:</small>[field:pubdate function="GetDateTimeMK(@me)"/] </span>
         <p class="intro"> 简介:[field:description/]... </p>
        </li>
        {/dede:list}
       </ul>
      </div>

    其中主要是增加了一个文章是否有缩略图的判断,最后实现的效果是有图则显示缩略图,无图就什么都不显示。

    有图显示缩略图 无图则显示自定义图片:

    [field:array runphp='yes']@me = (strpos(@me['litpic'],'defaultpic') ? "<a href=''><img src='自定义图片'/></a>" : "<a href='{@me['arcurl']}'><img src='{@me['litpic']}' height="106" width="186" /></a>"); [/field:array]

  • 相关阅读:
    批量修改文件编码
    RAII机制
    C++20新特性一:模块Module
    vue 使用v-for遍历对象属性
    Chrome 91 本地跨域无法携带cookies问题解决
    Vue 函数式组件的使用技巧
    URL编码解决中文字符乱码(encodeURIComponent和decodeURIComponent)
    vue的provide/inject实现响应式数据监听
    vue3之watch监听
    Vue3: 知识总结: hooks
  • 原文地址:https://www.cnblogs.com/dream-w/p/4597264.html
Copyright © 2011-2022 走看看