实际效果图:

toutiao首页左导航 - [!--temp.left--]代码

<div class="index-left">
                <div id="pagelet-channels" class="">
	<ul class="channel-box" data-node="channelBox">
		<li class="channel-item">
			<a ga_event="news_recommend" class="item item_index " href="/" data-node="category" data-category="__all__"><span class="channel-tag">推荐</span></a>
		</li>
		[e:loop={"select classid,classname,bname from {$dbtbpre}enewsclass where bclassid=0 and showclass=0 order by classid asc limit 0,7",0,24,0}]
		<?php $classurl=sys_ReturnBqClassname($bqr,9);//取得栏目地址 ?>
		<li class="channel-item">
			<a class="item item_<?=$bqr[classid]?> " href="<?=$classurl?>" data-category="<?=$bqr[bname]?>"><span class="channel-tag <?=$bqr[bname]?>"><?=$bqr[classname]?></span></a>
		</li>
		[/e:loop]

		
		
		<!--<li class="channel-item more-item magic-btn" data-node="foldBox">
			<a ga_event="click_hide_channel" class="item" href="javascript:;" data-node="fold"><span class="channel-tag fold">收起</span></a>
		</li>-->
		</ul>
		<div class="moreBox" data-node="moreBox">
			<a ga_event="click_show_channel" class="moreBtn" href="javascript:;"><span class="channel-tag more">更多</span></a>
			<ul class="more-channels" data-node="moreChannels">
				
				[e:loop={"select classid,classname,bname from {$dbtbpre}enewsclass where bclassid=0 and showclass=0 order by classid asc limit 7,12",0,24,0}]
				<?php $classurl=sys_ReturnBqClassname($bqr,9);//取得栏目地址 ?>
				<li class="channel-item item_<?=$bqr[bname]?>">
					<a class="item " href="<?=$classurl?>"><span class="channel-tag <?=$bqr[bname]?>"><?=$bqr[classname]?></span></a>
				</li>
				[/e:loop]
			</ul>
		</div>
	
</div>
            </div>
<script type="text/javascript">
$(".item_index").addClass("selected");
</script>

[e:loop={"select classid,classname,bname from {$dbtbpre}enewsclass where bclassid=0 and showclass=0 order by classid asc limit 0,7",0,24,0}] 代码中 7 为前台显示数量。

自己根据情况进行修改。

使用栏目别名 代替 栏目 图标方案

别名调用函数：<?=$bqr[bname]?>

帝国cms 封面模板标题调用栏目别名的方法 Via

1、列表页可以用
<?=$class_r[$GLOBALS[navclassid]][bname]?> 

2、封面、列表页均可用
[e:loop={"select bname from phome_enewsclass where classid='$GLOBALS[navclassid]'",1,24,0}] <?=$bqr[bname]?> [/e:loop]