导航栏对应列表和详情页渲染

不吃香菜 发布于：2021-11-16 09:10:47

新建内容时，选择模板

找到ftp中对应的模板，修改里面的内容

html：

列表渲染使用foreach包裹要循环的部分

{foreach $lists as $v}
{/foreach}

跳转地址对应使用article-cp的样式的页面，内容写在article-cp里

list-cp html

<body>
    {include="nav"}
    <main class="page blog-post">
       <div class="wp">
       <div class="servicecase-details">
       <div class="m-caseinfo"><h3>{$jz['title']}</h3>
       <div class="txt">
       {$jz['body']}<div class="pic">
<img src="{$jz['litpic']}" alt="">
</div>
</div>
       </div>
       <div class="m-next">
       {if($aprev)}
       <a class="a1" href="{$aprev['url']}">上一篇：{$aprev['title']}</a>
       {else}
       <a >上一篇：没有了~</a>
       {/if}
       {if($anext)}
       <a class="a2" href="{$anext['url']}" style="float: right;">下一篇：{$anext['title']}</a>
       {else}
       <a  style="float: right;">下一篇：没有了</a>
       {/if}
       </div>
       </div>
       </div>

    </main>
    {include="footer"}
</body>

渲染该页面中对应的新闻内容使用 loop

<div class="m-colrul">
   <div class="tit">相关新闻</div>
   <ul>
{loop table="article" tid="$type['id']" isall="1" orderby="rand()"  isshow="1" limit="8" as="s"}
   <li><a href="{$s['url']}"></a>{$s['title']}</li>
   {/loop}
   </ul>
   </div>

原文地址：https://note.youdao.com/s/MCNdYP3e

觉得有用请点个赞吧！

0 604

99元开通年度会员！
1000+模块代码随便下载！

导航栏对应列表和详情页渲染

最新