需求功能:
在浏览内容页文章时,需要添加左右翻页功能。
效果图:
实现方式:
<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代码样式比较简单,就不符上面了,可根据自己喜好修改。