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

dedecms模板制作教程第十期Channelartlist标记使用说明和实例

安蕾2023-10-01DedeCMS教程已有人查阅

导读本期讲解【Channelartlist标记】此标记主要用于获取当前频道的下级栏目的内容列表 ,适用范围:封面模板。一: 使用说明注: 除了宏标记外,ch

本期讲解【Channelartlist 标记】此标记主要用于获取当前频道的下级栏目的内容列表 ,适用范围:封面模板。
一: 使用说明
注: 除了宏标记外,channelArtlist 是唯一一个可以直接嵌套其它标记的标记,不过仅限于嵌套 {dede:type}{/dede:type} 和 {dede:arclist}{/dede:arclist} 两个标记。 属性: [1]typeid=0 频道ID,默认的情况下,嵌套的标记使用的是这个栏目ID的下级栏目,如果你想用特定的栏目,可以用","分开多个ID。 [2]col=2 分多列显示 [3]tablewidth='百%' 外围表格的大小
二: 测试实例
一行显示一个栏目的效果 示例代码:
<div>
{dede:channelArtlist col=1}
        <div style="border:1px solid #999; width:400px; margin:5px;">
            <div style="background:#f0f0f0; height:25px; padding:5px 0 0 5px; width:400px; float:left;">
                {dede:type}<a href="[field:typelink /]">[field:typename /]</a>{/dede:type}
            </div>
            
            <div style="width:400px; float:left;">
                    <ol style="line-height:20px; padding:5px;">
                    {dede:arclist row='8' titlelen='36'}
                    <li><a href="[field:arcurl /]">[field:title /]</a></li>
                    {/dede:arclist}
                    </ol>
            </div>
        </div>
{/dede:channelArtlist}
</div>
以一行两列的形式来显示栏目列表 示例代码:
<div style="width:800px; clear:both; overflow:hidden;">
{dede:channelArtlist col=2}
        <div style="border:1px solid #999; width:390px; margin:5px;">
            <div style="background:#f0f0f0; height:25px; padding:5px 0 0 5px; width:385px; float:left;">
                {dede:type}<a href="[field:typelink /]">[field:typename /]</a>{/dede:type}
            </div>
            
            <div style="width:385px; float:left;">
                    <ol style="line-height:20px; padding:5px;">
                    {dede:arclist row='8' titlelen='36'}
                    <li><a href="[field:arcurl /]">[field:title /]</a></li>
                    {/dede:arclist}
                    </ol>
            </div>
        </div>
{/dede:channelArtlist}
</div>
注: 控制是以一行一列的形式来显示还是一行多列的形式来显示取决你的需要,可以通过channelartlist的col参数来控制列数也可以根据DEDE自带模板中的channelartlist的用法实现或参考上述的用法,但需要对CSS样式或table有比较多的了解,不然显示会有些问题.可以比较上述的两块代码看有什么地方不一样

本文标签:

很赞哦! ()

相关源码

  • (自适应响应式)html5高档服装定制西服pbootcms模板下载本模板基于PbootCMS内核开发,为服装定制企业和服装品牌量身打造。设计风格时尚现代,充分展现服装行业的审美特质与品牌魅力。采用HTML5响应式技术,确保在各种设备上呈现视觉效果。整站布局注重产品展示与品牌叙事,帮助企业有效展示服装系列与定制服务,提升客户体验。查看源码
  • (自适应响应式)pbootcms食品零食店日化用品网站源码下载基于PbootCMS内核开发的响应式模板,为食品零食、日化用品等行业量身定制。该模板通过可视化设计展现产品特色,帮助企业快速搭建专业官网查看源码
  • (PC+WAP)蓝色钢材加工建筑装修施工材料网站模板下载为钢材加工企业设计的PbootCMS响应式模板,采用PC+WAP双端适配技术,数据实时同步。简洁大气的蓝色工业风格设计,突出钢材加工行业特性,其他制造业用户更换图文内容即可快速应用。查看源码
  • (自适应)刷卡pos机数据移动支付设备电子科技pbootcms模板下载本模板为POS机设备制造商、移动支付终端服务商和科技企业设计,基于PbootCMS系统开发,提供完整的在线展示平台解决方案,满足支付设备行业特有的展示需求。查看源码
  • (自适应)简繁双语机械矿山矿石五金设备pbootcms源码下载本模板基于PbootCMS开发,主要面向机械五金、矿山矿石设备等行业,支持简体中文和繁体中文双语切换。采用响应式布局技术,确保在各种设备上都能获得良好的浏览体验。模板设计注重展示工业设备的专业性和技术特点,帮助企业建立可靠的线上展示平台。查看源码
  • (PC+WAP)货运物流快递仓储货架pbootcms网站模板下载本模板基于PbootCMS开发,为货运物流、快递配送、仓储货架等行业设计,支持PC+WAP自适应,确保在电脑、手机、平板等设备上均能流畅访问。适用于物流公司、仓储企业查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐