您现在的位置是:首页 > 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"]是变量

本文标签:

很赞哦! ()

相关源码

  • (自适应)挖掘机大型采矿设备pbootcms网站源码下载本模板基于PbootCMS系统开发,专为重型机械设备行业设计,特别适合挖掘机、采矿设备、工程机械等工业设备展示。采用响应式布局技术,确保各类设备参数和图片在不同终端上都能清晰展示。查看源码
  • 粉色家政月嫂保姆公司pbootcms网站模板(PC+WAP)为家政服务、月嫂保姆企业打造的营销型解决方案,基于PbootCMS内核开发,采用温馨粉色主题传递行业温度。PHP7.0+高性能架构支持SQLite/MySQL双数据库查看源码
  • (自适应)宽屏农业机械农耕设备类网站pbootcms模板免费下载为农机企业打造的现代化响应式网站模板,自动适配电脑、平板和手机,浏览体验一致,独立页面SEO设置,提升搜索引擎可见度。查看源码
  • (PC+WAP)红色厨具厨房用品设备pbootcms模板源码下载为厨具设备企业设计的响应式网站模板,采用PbootCMS内核开发,适用于商用厨房设备、家用厨具、厨房用品等企业展示。模板包含产品展示、新闻动态、案例中心等标准模块,助您快速搭建专业级行业网站。查看源码
  • 帝国cms7.5女性护肤搭配美妆潮流网站源码带数据4.5G本模板专为女性美容护肤行业设计,提供美容护肤、发型设计、女性健康、时尚化妆、娱乐新闻、服饰搭配等女性潮流资讯内容展示。采用帝国CMS7.5开发,同步生成电脑端和手机端,满足用户对美容时尚信息的获取需求。查看源码
  • (自适应)pbootcms模板五金元件气缸气动系统源码下载基于PbootCMS核心开发的气缸气动系统网站模板,为五金元件、气动设备制造企业设计。采用响应式布局技术,自动适配手机、平板等移动设备,确保各类终端用户获得良好浏览体验。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐