加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
MooKwai特色块分页导航

分页导航

分页导航(Pagination)是文章循环中用于显示文章分页链接的区块。

文章目录

区块与子区块

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

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

内容设置

分页导航

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

页码

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

上一页

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

下一页

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

配置选项

分页导航

全局样式

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

其他

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

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧