logo星之书笔记

WienDesign | 左手代码,右手诗词

avatar

网名:Oliver Wien | 奥利弗·韦恩

职业:Web前端设计师、网页设计

现居地:陕西省-西安市-雁塔区

Phone:+86 182 2052 3738

Email:oliverwien@126.com

ThinkCMF_内容页前后翻页

需求功能:

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

效果图:

c45a1d8a4902c40cbbec9e0cdba92bcc.png

实现方式:

<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代码样式比较简单,就不符上面了,可根据自己喜好修改。

Comments 0