DedeCMS:模板制作好代码教程第十期

早上好,给您新鲜的问候,温暖的祝福,清晨,美好的开端,祝您今天精神振奋,精力充沛,心情愉快,一切都很好!

本期讲解【Channelartlist 标记】此标记主要用于获取当前频道的下级栏目的内容列表 ,适用范围:封面模板。

一: 使用说明

注: 除了宏标记外,channelArtlist 是唯一一个可以直接嵌套其它标记的标记,不过仅限于嵌套 {dede:type}{/dede:type} 和 {dede:arclist}{/dede:arclist} 两个标记。
属性:
[1]typeid=0 频道ID,默认的情况下,嵌套的标记使用的是这个栏目ID的下级栏目,如果你想用特定的栏目,可以用","分开多个ID。
[2]col=2 分多列显示
[3]tablewidth='100%' 外围表格的大小

二: 测试实例

一行显示一个栏目的效果
示例代码:
<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 rel="nofollow noopener noreferrer" 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 rel="nofollow noopener noreferrer" 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 rel="nofollow noopener noreferrer" 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 rel="nofollow noopener noreferrer" href="[field:arcurl /]">[field:title /]</a></li>
                    {/dede:arclist}
					</ol>
			</div>
		</div>
{/dede:channelArtlist}
</div>

显示效果如下图所示:

注: 控制是以一行一列的形式来显示还是一行多列的形式来显示取决你的需要,可以通过channelartlist的col参数来控制列数也可以根据DEDE自带模板中的channelartlist的用法实现或参考上述的用法,但需要对CSS样式或table有比较多的了解,不然显示会有些问题.可以比较上述的两块代码看有什么地方不一样

到此这篇关于DedeCMS:模板制作好代码教程第十期就介绍到这了。未来的你,会不会把我看的比自己重。更多相关DedeCMS:模板制作好代码教程第十期内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
dedecms如何实现任意页面调用当前会员信息的方

DedeCMS织梦判断是否有二级栏目输出HTML代码

织梦dedecms dede:arclist输出取消换行符

dedecms文章添加字段填栏目id,内容页调用字段里的栏目文章

dedeCMS首页列表页文章页调用tag的方法