更新时间：2020-05-26 15:17:28 作者：米拓建站

## 概述：
   通过调用`pagination`标签，可返回一个带上一篇、下一篇翻页按钮的html在当前详情页显示。
## 使用范围：
仅在文章（`shownews.php`）、产品（关闭商城为：`showproduct.php`，开启商城为：`shop_showproduct.php`）、图片（`showimg.php`）、下载图片（`showdowload.php`）、招聘（`showjob.php`）模块详情页模板文件中调用，一般写在当前页详情内容标签下面。
## 类型：
功能标签，可返回一个带上一篇、下一篇翻页按钮的html。
## 语法：

## 示例：
### 详情页详情如何添加上一篇下一篇
**案例场景：**文章模块详情页，添加上一篇，下一篇翻页按钮，可查看栏下其他的新闻信息。
**模板代码：**
在文章模块详情页`shownews.php`中，编写以下代码：

<section class="met-editor">// 调用通过编辑器编辑的内容所对应的字段，都要在内容的复父元素上添加类名met-editor，具体请参考$data 当前页面参数文档https://doc.metinfo.cn/mb/mbtag/76.html
    {$data.content}//详情内容
    </section>
    <pagination/>//调用详情页上一页下一页翻页链接的html
    
【注意】
- 其他栏目模块详情页上一页下一页的代码一致；
- 实际编写时请去掉注释文字。

**前台页面输出HTML：**

<section class="met-editor">
    <p>公司简介/about us</p>
    // 详情内容可能还有很多，暂只列出这些
    </section>
    //上一页下一页翻页链接的html
    <div class="met-page p-y-30 border-top1">
        <div class="container p-t-30 ">
            <ul class="pagination block blocks-2 text-xs-center text-sm-left">
                <li class="page-item m-b-0 ">
                    <a href="../news/shownews.php?id=26" title="xcvxcvxc" class="page-link text-truncate">
                        上一篇
                        <span aria-hidden="true" class="hidden-xs-down">: xcvxcvxc</span>
                    </a>
                </li>
                <li class="page-item m-b-0 ">
                    <a href="../news/shownews.php?id=11" title="传苹果曾与惠普研发企业Siri 终搁浅" class="page-link pull-xs-right text-truncate">
                        下一篇
                        <span aria-hidden="true" class="hidden-xs-down">: 传苹果曾与惠普研发企业Siri 终搁浅</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

文档中心

米拓学堂

帮助中心

在线交流

{"status":1,"html":"<style type=\"text\/css\">\r\n.onlinebox_three{border:2px solid;}\r\n.onlinebox_three .onlinebox_three_list{width: 160px;padding: 10px 0px;}\r\n.onlinebox_three .online-item{margin-bottom: 5px; padding: 0px 17px; position: relative;display: block;color: #666;}\r\n.onlinebox_three .online-item:last-child{margin-bottom: 0px;}\r\n.onlinebox_three .online-item:hover{background: #f8f8f8;}\r\n.onlinebox_three .online-item i{font-size: 16px;}\r\n.onlinebox_three .onlinebox-open{font-size: 22px;display:none;cursor: pointer;padding: 0 10px; font-size: 18px; line-height: 40px;}\r\n.onlinebox.min .onlinebox-open{display:block;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}\r\n.onlinebox .onlinebox-min{position: relative;top:-4px;}\r\n@media (max-width: 767px){\r\n.onlinebox_three .online-item{font-size: 12px;padding-top: 6px;}\r\n.onlinebox_three .online-item i{font-size: 14px;}\r\n}\r\n<\/style>\r\n<div id='onlinebox'  class=\"onlinebox onlinebox_three hide\" m-type='online' m-id='online' style=\"border-color:#1baadb;\">\r\n    <div class=\"onlinebox-open\" style=\"background:#1baadb;\"><i class=\"fa fa-comments-o\"><\/i><\/div>\r\n    <div class=\"onlinebox-box\">\r\n        <div class=\"onlinebox-top\" style=\"background:#1baadb;\">\r\n            <div class=\"onlinebox-top-btn font-size-26\">\r\n                <a href=\"javascript:;\" class=\"onlinebox-close\" title=\"\">×<\/a>\r\n                <a href=\"javascript:;\" class=\"onlinebox-min\">-<\/a>\r\n            <\/div>\r\n            <h4>在线交流<\/h4>\r\n        <\/div>\r\n                                    <div class=\"met-editor onlinebox-bottom p-x-10 p-y-5\"><p style=\"text-align: center;\">\r\n    <img src=\"..\/upload\/202001\/1579417409303256.png\" data-width=\"120\" width=\"120\" data-height=\"120\" height=\"120\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n    微信公众号\r\n<\/p>\r\n<p style=\"text-align:center;\">\r\n    <img src=\"..\/upload\/202001\/1579417452544806.png\" data-width=\"150\" width=\"150\" data-height=\"150\" height=\"150\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n    QQ交流群\r\n<\/p><\/div>\r\n    <\/div>\r\n<\/div>","t":"4","x":"10","y":"130"}

pagination 上一篇、下一篇