业务经理

微信扫描以上二维码

028-61286886

技术咨询

首页循环调用指定栏目下栏目名称和标题请问如何实现呢效果图如下

迅睿框架 更新 2019-11-04 14:06:50 昱宇

首页循环调用指定栏目下栏目名称和标题,请问如何实现呢

效果图如下:

screenshot_20191104_124528.png

代码如下:

<div class="tabs-style-2">
	<!-- Nav tabs -->
	<ul id="myTab" class="nav nav-tabs" role="tablist">
		<li class="active"><a href="#h2tab1" role="tab" data-toggle="tab">最新要闻</a></li>
		<li><a href="#h2tab2" role="tab" data-toggle="tab">其次新闻</a></li>
		<li><a href="#h2tab3" role="tab" data-toggle="tab">综合其它</a></li>
	</ul>
	<!-- Tab panes -->
	<div id="myTabContent" class="tab-content">
		<div class="tab-pane fade in active" id="h2tab1">
			<div id="tab_1"class="row">											
					<ul class="list-icons">
						<li><i class="icon-check pr-10"></i>集团公司召开学习贯彻党的十九大精神宣讲报告会</li>
						<li><i class="icon-check pr-10"></i>集团公司召开学习贯彻党的十九大精神宣讲报告会</li>
						<li><i class="icon-check pr-10"></i>集团公司召开学习贯彻党的十九大精神宣讲报告会</li>
						<li><i class="icon-check pr-10"></i>集团公司召开学习贯彻党的十九大精神宣讲报告会</li>
						<li><i class="icon-check pr-10"></i>集团公司召开学习贯彻党的十九大精神宣讲报告会</li>
						<li><i class="icon-check pr-10"></i>集团公司召开学习贯彻党的十九大精神宣讲报告会</li>							
					</ul>
			</div>
		</div>
		<div class="tab-pane fade" id="h2tab2">
			<div id="tab_2" class="row">										
					<ul class="list-icons">
						<li><i class="icon-check pr-10"></i>山东鲁抗医药股份有限公司是我国大型的综合化学</li>
						<li><i class="icon-check pr-10"></i>山东鲁抗医药股份有限公司是我国大型的综合化学</li>
						<li><i class="icon-check pr-10"></i>山东鲁抗医药股份有限公司是我国大型的综合化学</li>
						<li><i class="icon-check pr-10"></i>山东鲁抗医药股份有限公司是我国大型的综合化学</li>
						<li><i class="icon-check pr-10"></i>山东鲁抗医药股份有限公司是我国大型的综合化学</li>
					</ul>											
			</div>
		</div>
		<div class="tab-pane fade" id="h2tab3">

			<div id="tab_3" class="row">
					<ul class="list-icons">
						<li><i class="icon-check pr-10"></i>坐落于风景秀丽的泉城济南,多年来公司一直秉承</li>
						<li><i class="icon-check pr-10"></i>坐落于风景秀丽的泉城济南,多年来公司一直秉承</li>
						<li><i class="icon-check pr-10"></i>坐落于风景秀丽的泉城济南,多年来公司一直秉承</li>
						<li><i class="icon-check pr-10"></i>坐落于风景秀丽的泉城济南,多年来公司一直秉承</li>
						<li><i class="icon-check pr-10"></i>坐落于风景秀丽的泉城济南,多年来公司一直秉承</li>
					</ul>
			</div>
		</div>
	</div>
</div>

如这种请问如何调用呢?谢谢各位指教!





方案

  • 迅睿框架创始人 #1 · 2019-11-04 13:34:09
  • 昱宇 #2 · 2019-11-04 13:42:15
    回复迅睿框架创始人我的表述不清,比如栏目1下有3个二级栏目,只调用3个二级栏目如上图所示显示
  • 昱宇 #3 · 2019-11-04 13:45:31
    回复迅睿框架创始人
    {module module=news catid=3 order=updatetime num=7}
    <li><a href="{$t.url}">{dr_strcut($t.title, 48)}</a><span class="f-r">{dr_date($t._updatetime, '[m月d日]')}</span></li>
    {/module}	
    这是我目前只能用比较笨的方法调用,即写死在里面了,每次要手动更改模板
  • 迅睿框架创始人 #4 · 2019-11-04 13:47:14
  • ibennie #5 · 2019-11-04 13:56:23
    {category module=news pid=1 return=c1}
    <a href="{$c1.url}">{$c1.name}</a>
    {/category}
    
    {category module=news pid=1 return=c1}
    {module module=news catid=$c1.id order=updatetime num=7}
    <li><a  target="_blank" href="{$t.url}">{dr_strcut($t.title, 48)}</a><span class="f-r">{dr_date($t._updatetime, '[m月d日]')}</span></li>
    {/module}
    {/category}
  • 昱宇 #6 · 2019-11-04 13:58:44
    ibennie谢谢,晚上测试下,感觉很对
  • ibennie #7 · 2019-11-04 14:00:51
    满意答案
    <div class="tabs-style-2">
        <!-- Nav tabs -->
        <ul id="myTab" class="nav nav-tabs" role="tablist">
    {category module=news pid=1 return=c1}
            <li{if $key_c1==0} class="active"{/if}><a  target="_blank" href="#tab_{$c1.id}" role="tab" data-toggle="tab">{$c1.name}</a></li>
    {/category}
        </ul>
        <!-- Tab panes -->
        <div id="myTabContent" class="tab-content">
            {category module=news pid=1 return=c1}
            <div class="tab-pane fade in active" id="tab_{$c1.id}">
                <div id="tab_{$key+1}"class="row">                                         
                        <ul class="list-icons">
                            <li><i class="icon-check pr-10"></i>集团公司召开学习贯彻党的十九大精神宣讲报告会</li>
    {module module=news catid=$c1.id order=updatetime num=7}
    <li><i class="icon-check pr-10"></i>{dr_strcut($t.title, 48)}</li>
    {/module}                        
                        </ul>
                </div>
            </div>
            {/category}
        </div>
    </div>
  • ibennie #8 · 2019-11-04 14:01:43
    昱宇根据你上面发的,做出来的,应该是没错的,有问题的话,联系我QQ:187013488 ,帮你调
  • 昱宇 #9 · 2019-11-04 14:06:00
    ibennie好的
  • 昱宇 #10 · 2019-11-04 14:06:50
    @ibennie:谢谢,晚上试下先

迅睿系统漏洞

多语言翻译Seolang
多语言翻译Seolang(2026-09-21)
1. 新增译文数据备份恢复页面,支持断点续传 2. 多语言声明中心...
AI文章生成器
AI文章生成器(2026-09-20)
任务拆分独立配置 新增AI生成关键词 新增指令模板 新增品牌信...
GEO系统
GEO系统(2026-09-20)
后台 AEO 与运营端对齐:区域、跑批、CSV、补强、剧本均可在迅睿...
GeoSeo工具箱
GeoSeo工具箱(2026-09-18)
修正菜单规范
后台二次登陆验证
后台二次登陆验证(2026-09-18)
新增邮箱验证 新增短信验证
京东云短信
京东云短信(2026-09-17)
- 验证码有效期改只读展示 - 有效期旁新增系统设置按钮 - 保...
创蓝短信
创蓝短信(2026-09-17)
- 验证码有效期改只读展示 - 有效期旁新增系统设置按钮 - 保...
火山引擎短信
火山引擎短信(2026-09-17)
- 验证码有效期改只读展示 - 有效期旁新增系统设置按钮 - 保...
外贸多语言建站
外贸多语言建站(2026-09-17)
优化独立内容过滤机制