您现在的位置是:首页 > 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后怎么加上页数其标题不重复
图文教程
织梦dedecms手机首页生成实现手机版更新的方法
织梦dedecms如何实现更新电脑版的时候可以同时更新手机版首页。相信很多朋友更改手机版出现后,在后台更新时候手机版模板无法像电脑版一样同步更新,这样造成
dede织梦整合DISCUZ精典教程
原先,我使用的是DEDE PHPWIND6.3.2整合版~~后来觉得PHPWIND不太好用,所以就想换DISCUZ~
dede织梦输入Tag标签逗号自动变英文的实现方法
织梦模板是一款非常好用的建站程序,从DEDE5.3版本开始,把TAG标签的间隔号由空格改为英文的逗号,这样使得经常原创文章的站长朋友非常不方便,因为我们是我国人
织梦dedecms网站怎么搬家,织梦搬家更换服务器教程
网站在运行的过程中,难免会遇到各种各样的问题,有时候会需要更换空间或服务器,这样,完整的把网站数据转移到新的空间上,就是织梦站长必须掌握的技能之一。
相关源码
-
(PC+WAP)绿色资源回收新能源环保设备pbootcms源码下载基于PbootCMS系统深度开发的环保行业模板,特别适配资源回收设备、新能源技术、环境治理装备等企业的线上展示需求。集成产品库、解决方案、环保案例等专业模块,助力企业高效传递绿色价值。查看源码 -
帝国CMS7.5手游资讯下载综合门户免费网站模板本模板基于帝国CMS7.5内核开发,为手游打造的综合门户网站解决方案。模板设计充分考虑了手业的特性,包含游戏资讯发布、手游下载、礼包发放、开测信息等核心功能模块,满足手游门户网站的各项业务需求。查看源码 -
(自适应)html5中英双语通用机械设备pbootcms模板下载本模板基于PbootCMS内核精心开发,为机械设备制造企业量身打造。设计风格大气稳重,充分展现机械行业的专业特质与技术实力。采用HTML5技术构建,支持中英文双语切换,满足国际化业务需求。整站布局合理,充分展示企业产品、案例与服务,帮助访客快速了解企业核心优势。查看源码 -
(自适应响应式)AI智能电子科技产品pbootcms网站模板下载基于PbootCMS内核的响应式模板,为AI智能硬件、电子产品等科技企业打造,通过技术创新实现品牌数字化升级。查看源码 -
(自适应)游泳馆泳池水处理器设备pbootcms网站模板免费下载专注服务于泳池水处理设备制造商、泳池系统工程商等企业用户。模板预设设备分类体系、技术参数展示模块和解决方案呈现页面,满足行业特有展示需求。查看源码 -
(自适应)光伏测试仪器电站运维设备网站源码免费下载本模板为光伏检测设备与电站运维服务企业设计,采用PbootCMS内核开发,具备完整的设备展示、技术文档管理及客户服务功能模块。通过自适应结构与SEO优化框架,有效提升企业在移动端和搜索引擎中的专业形象。查看源码
| 分享笔记 (共有 篇笔记) |