需求功能:
在浏览内容页文章时,需要添加左右翻页功能。
效果图:

实现方式:
<ul>
<li>上一篇:<a href="{:cmf_url('portal/Article/index',['id'=>$prev_article['id']])}">{$prev_article.post_title}</a> </li>
<li>下一篇:<a href="{:cmf_url('portal/Article/index',['id'=>$next_article['id']])}">{$next_article.post_title}</a> </li>
</ul>
下面这段代码相对复杂一点,判断是否存在$prev_article和$next_article,如果没有提示已翻阅完毕。
<if condition="!empty($prev_article)">
<a href="{:cmf_url('portal/Article/index',array('id'=>$prev_article['id']))}" >上一篇:{$prev_article['post_title']}</a>
<else />
<a href="javacsript::" class="prev_article">上一篇:<span>前面没有了!</span></a>
</if>
<if condition="!empty($next_article)">
<a href="{:cmf_url('portal/Article/index',array('id'=>$next_article['id']))}" >下一篇:{$next_article['post_title']}</a>
<else />
<a href="javacsript::" class="next_article">下一篇:<span>已经最新文章!</span></a>
</if>
注:css代码样式比较简单,就不符上面了,可根据自己喜好修改。
星之书笔记