分页导航

区块与子区块

分页导航区块是循环查询区块的子区块。且分页导航区块还包含以下几个区块，您可根据实际情况选择需要的区块进行组合。

• 页码：显示详细的页码
• 上一页：显示上一页链接
• 下一页：显示下一页链接

内容设置

分页导航

可插入指定类型的子区块来实现分页组件的结构。

页码

页码区块的内容会根据循环结果数量自动生成页码链接，无需手动配置。

上一页

支持内部插入区块，可插入任何类型的其他区块。

下一页

支持内部插入区块，可插入任何类型的其他区块。

配置选项

分页导航

全局样式

Select 设置区块对应的全局样式。

Html标签

Select 区块根元素的 Html 标签类型。

元素

// 分页导航区块
<nav class="mk-pagination">
  // 页码区块
  <div class="el-paginum">
    <span class="page-numbers current">1</span>
    <a class="page-numbers">2</a>
    <a class="page-numbers">3</a>
    ...
  </div>
  // 上一页区块
  <a class="el-pagi-link el-pagiprev">...内部区块</a>
  // 下一页区块
  <a class="el-pagi-link el-paginext">...内部区块</a>
</nav>

• 主容器 .mk-pagination
• 页码容器 .el-paginum
• 页码元素 .page-numbers
• 按钮 .el-pagi-link

其他

• 所有的子区块仅可插入分页导航区块内；
• 全局样式的设置仅支持主区块，主区块的全局样式包含了所有子区块的元素设置，子区块无全局样式设置选项。