前言
在开发模板或仿制作企业网站时会经常要调用一级栏目和二级栏目及二级栏目内容,哪么如何调用呢?不急,我们先看看一个例子。
例子
先看图片
原代码调用说明
<div class="margin-t60">
指定顶级栏目ID1历遍开始
<div >
<div class="w1388">
<div class="title1 text-center">
<h3>顶级栏目名称</h3>
<i></i>
<p>顶级栏目内容</p>
</div>
<div class="tab-btn">
历遍子栏目开始
<a 判断高亮从第一个开始 class="active" 判断结束 href="javascript:;">子栏目名称</a>
历遍子栏目结束
</div>
<div class="tabs">
历遍子栏目开始
<div class="tabpage 判断高亮从第一个开始 active 判断结束">
<ul class="product-list clear margin-t50">
选项卡对应的内容历遍开始
<li> <a href="链接">
<div class="img100"><img src="图片" alt="标题" /></div>
<div class="pro-list-bot"> <b>标题</b>
<h5>描述</h5>
<div class="pro-i"></div>
</div>
</a> </li>
选项卡对应的内容历遍结束
</ul>
</div>
历遍子栏目结束
</div>
</div>
</div>
指定顶级栏目ID1历遍结束
标签调用方法
<div class="margin-t60">
{category module=share id=1 return=t1}
<div >
<div class="w1388">
<div class="title1 text-center">
<h3>{$t1.name}</h3>
<i></i>
<p>{$t1.content}</p>
</div>
<div class="tab-btn">
{category module=share pid=$t1.id return=t2}
<a {if $is_first}class="active"{/if} href="javascript:;">{$t2.name}</a>
{/category}
</div>
<div class="tabs">
{category module=share pid=$t1.id return=t2}
<div class="tabpage {if $is_first}active{/if}">
<ul class="product-list clear margin-t50">
{module module=$t2.mid catid=$t2.id num=6 return=t4}
<li> <a href="{$t4.url}">
<div class="img100"><img src="{dr_thumb($t4.thumb)}" alt="{$t4.title}" /></div>
<div class="pro-list-bot"> <b>{$t4.title}</b>
<h5>{dr_strcut($t4.description, 50)}</h5>
<div class="pro-i"></div>
</div>
</a> </li>
{/module}
</ul>
</div>
{/category}
</div>
</div>
</div>
{/category}
通过以上的原理图和调用标签代码对比,我们清楚的了解到整个调用逻辑和方法。