您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程
织梦dedecms列表页实现有缩略图显示图文列表没有则文字列表
白晴2023-09-24DedeCMS教程已有人查阅
导读或者你可以进入代码号列表页查看效果,整体思路其实就是利用dedecms的[field:array runphp='yes']这个标签的@me包含了需要的所有标签,
或者你可以进入代码号列表页查看效果,整体思路其实就是利用dedecms的[field:array runphp='yes']这个标签的@me包含了需要的所有标签,这样就可以通过@me["litpic"]来判断文章是否有缩略图,进而分两种形式输出列表html,即有缩略图的和没有缩略图的
具体代码如下:
先说下样式吧,如果阁下会css完全可以根据自己的需求来定制样式,
具体代码如下:
<styletype="text/css">
.arcList.itemMod{border-bottom:dashed1px#ccc;margin-bottom:15px;padding-bottom:15px;}
.arcList.imgListItem{height:130px;padding-left:215px;position:relative;}
.arcList.img{left:0;position:absolute;top:0;}
.arcList.arcTit{font-family:MicrosoftYahei;font-size:16px;font-weight:700;}
.arcList.attrs{height:22px;line-height:22px;margin:10px0;}
.arcList.click{margin-left:50%;}
.arcList.infos{color:#666;font-size:12px;margin:0;}
</style>
<divclass="arcList">
{dede:listpagesize='10'}
[field:arrayrunphp='yes']
if(empty(@me["litpic"])||preg_match('/defaultpic/',@me["litpic"])){
@me='<divclass="itemModtxtListItem"><divclass="text"><divclass="arcTit"><aclass="t"href="'.@me["arcurl"].'">'.@me["fulltitle"].'</a></div><pclass="attrs">'.GetDateTimeMK(@me["pubdate"]).'<spanclass="click"><span>点击:</span>'.@me["click"].'</span></p><pclass="infos">'.@me["infos"].'...<aclass="fc_orange"href="'.@me["arcurl"].'"title="'.@me["fulltitle"].'">[全文]</a></p></div></div>';
}
else{
@me='<divclass="itemModimgListItem"><aclass="img"href="'.@me["arcurl"].'"><imgclass="lazy"src="'.@me["litpic"].'"width="200"height="130"alt="'.@me["fulltitle"].'"/></a><divclass="text"><divclass="arcTit"><aclass="t"href="'.@me["arcurl"].'">'.@me["fulltitle"].'</a></div><pclass="attrs">'.GetDateTimeMK(@me["pubdate"]).'<spanclass="click">点击:'.@me["click"].'</span></p><pclass="infos">'.@me["infos"].'...<aclass="fc_orange"href="'.@me["arcurl"].'"title="'.@me["fulltitle"].'">[全文]</a></p></div></div>';
}
[/field:array]
{/dede:list}
</div>
可有可无的代码解析:先说下样式吧,如果阁下会css完全可以根据自己的需求来定制样式,
if(empty(@me["litpic"]) || preg_match('/defaultpic/', @me["litpic"]))
这段代码就是判断是否有缩略图的,通过判断后下面就是分两种情况输出了,其实都很简单,这里说下调用字段数据,象平时都是用[field:fulltitle/],这里就要改成@me["fulltitle"],另外还有一点就是php语法的问题,细心的朋友可能已经发现了'.@me["fulltitle"].'两边都有.',也就是说@me["xxx"]是变量
本文标签:
很赞哦! ()
相关教程
- dedecms列表页与详情调用tag标签同时带上链接的实现方法
- dedecms列表页缩略图随机调用的实现方法代码分享
- 织梦dedecms列表分页页数太多怎么办
- 织梦dedecms列表页首页和第一页内容重复,自动删除教程
- 织梦dedecms列表页栏目排序问题详解
- 在dedecms列表页中怎样得到文章总数的方法
- 织梦dedecms列表文章有缩略图则显示缩略图的实现方法
- 织梦dedecms列表调用标签及标签随机颜色的代码
- dedecms列表页调用tag的方法代码实例
- dedecms列表页频道页获取当前栏目的父栏目名称的实现方法
- 织梦dedecms列表模板页面怎么增加推荐特荐图标
- dedecms列表页标题title后怎么加上页数其标题不重复
图文教程
dede织梦采集或更新搜索文章时cpu占用跑满卡死怎么办
dede采集或更新搜索文章时cpu100%跑满卡死解决方法!现在大部分虚拟主机提供商,都有设置目录权限的控制面板提供。这点请咨询主机商,寻求解决办法
织梦dedecms模板制作常见问题归类
本篇文章主要是总结一下,代码号在做织梦dedecms模板时常遇到的问题。1、织梦搜索栏制作方法2、首页调用其他页面内容
dedecms织梦后台验证码图片不显示的多种解决方法
用ftp进入你的dedecms程序空间,把data/session目录下除index.htm外的其它session文件都删除,然后本地ie浏览器清除缓存。
dedecms织梦让likearticle的mytypeid支持多个栏目和子栏目的方法
在使用dede:likearticle时,如果你想获取多个指定栏目下的相关文章,而刚好这个多个栏目下还有子栏目时,官方的程序不能满足你的需求,你需要改一下
相关源码
-
(自适应)电梯扶梯升降梯行业pbootcms企业网站模板(自适应手机版)响应式电梯扶梯类pbootcms模板 电梯生产企业绿色企业网站源码下载PbootCMS内核开发的网站模板,该模板适用于电梯、扶梯类等企业,查看源码 -
帝国cms7.5淘宝客电商品牌特价带手机站带会员模板下载为电商品牌特价展示设计的帝国CMS模板,集成PC端与移动端双平台适配。采用瀑布流商品布局,支持品牌分类聚合展示,突出特价促销视觉冲击力。查看源码 -
(PC+WAP)玻璃钢不锈钢钢材环保设备pbootcms网站模板采用PbootCMS内核开发的响应式网站模板,为玻璃钢环保设备制造、不锈钢钢材贸易企业设计,适配产品展示及企业服务场景。通过自适应技术实现PC与WAP端数据实时同步查看源码 -
(自适应响应式)绿色环保材料设备科技类营销型网站pbootcms源码下载本模板基于PbootCMS开发,主要面向环保设备、环保材料及相关科技企业。采用HTML5+CSS3技术构建,具备响应式特性,确保在各类设备上均有良好展示效果。查看源码 -
(自适应)工商代理公司注册财务会计pbootcms模板免费下载为工商代理、财务会计服务企业设计的网站模板,基于PbootCMS开发,充分考虑了企业服务行业的展示需求与客户转化路径。设计风格专业严谨,布局清晰合理,呈现企业服务内容与专业优势。查看源码 -
(自适应手机端)锁锁芯锁具网站pbootcms模板 智能防盗锁网站源码下载本模板基于PbootCMS系统开发,为智能锁具、防盗锁芯及相关安防产品企业设计。采用响应式布局技术,确保在手机、平板和电脑等不同设备上都能获得良好的浏览体验,数据实时同步更新。查看源码
| 分享笔记 (共有 篇笔记) |
