您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程

织梦dedecms列表页实现有缩略图显示图文列表没有则文字列表

白晴2023-09-24DedeCMS教程已有人查阅

导读或者你可以进入代码号列表页查看效果,整体思路其实就是利用dedecms的[field:array runphp='yes']这个标签的@me包含了需要的所有标签,

或者你可以进入代码号列表页查看效果,整体思路其实就是利用dedecms的[field:array runphp='yes']这个标签的@me包含了需要的所有标签,这样就可以通过@me["litpic"]来判断文章是否有缩略图,进而分两种形式输出列表html,即有缩略图的和没有缩略图的
具体代码如下:
<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"]是变量

本文标签:

很赞哦! ()

相关源码

  • (PC+WAP)绿色资源回收新能源环保设备pbootcms源码下载基于PbootCMS系统深度开发的环保行业模板,特别适配资源回收设备、新能源技术、环境治理装备等企业的线上展示需求。集成产品库、解决方案、环保案例等专业模块,助力企业高效传递绿色价值。查看源码
  • 帝国CMS7.5手游资讯下载综合门户免费网站模板本模板基于帝国CMS7.5内核开发,为手游打造的综合门户网站解决方案。模板设计充分考虑了手业的特性,包含游戏资讯发布、手游下载、礼包发放、开测信息等核心功能模块,满足手游门户网站的各项业务需求。查看源码
  • (自适应)html5中英双语通用机械设备pbootcms模板下载本模板基于PbootCMS内核精心开发,为机械设备制造企业量身打造。设计风格大气稳重,充分展现机械行业的专业特质与技术实力。采用HTML5技术构建,支持中英文双语切换,满足国际化业务需求。整站布局合理,充分展示企业产品、案例与服务,帮助访客快速了解企业核心优势。查看源码
  • (自适应响应式)AI智能电子科技产品pbootcms网站模板下载基于PbootCMS内核的响应式模板,为AI智能硬件、电子产品等科技企业打造,通过技术创新实现品牌数字化升级。查看源码
  • (自适应)游泳馆泳池水处理器设备pbootcms网站模板免费下载专注服务于泳池水处理设备制造商、泳池系统工程商等企业用户。模板预设设备分类体系、技术参数展示模块和解决方案呈现页面,满足行业特有展示需求。查看源码
  • (自适应)光伏测试仪器电站运维设备网站源码免费下载本模板为光伏检测设备与电站运维服务企业设计,采用PbootCMS内核开发,具备完整的设备展示、技术文档管理及客户服务功能模块。通过自适应结构与SEO优化框架,有效提升企业在移动端和搜索引擎中的专业形象。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐