npm 包 @eluck/material-ui-flat-pagination-2.1.4 使用教程-JavaScript中文网-JavaScript教程资源分享门户

简介

@eluck/material-ui-flat-pagination-2.1.4 是一个基于 Material-UI 的分页器组件。它可以帮助开发者快速生成一个漂亮、易用的分页器，并且具有高可定制性。

安装

使用 npm 进行安装：

npm install @eluck/material-ui-flat-pagination-2.1.4

使用

基本用法

-- -------------------- ---- -------
------ ----- ---- --------
------ - ---------- - ---- ---------------------------
------ - -------------- - ---- -------------------------------------------

----- --------- - ------------------ -- --
  ----- -
    -------- -------
    --------------- ---------
    ---------- -----------------
    ------------- -----------------
  --
----

-------- ----- -
  ----- ------- - ------------

  ----- ---------------- - ------ -- -
    ------------------ ----------
  --

  ------ -
    ---- -------------------------
      --------------- -------- ---------- --------------------------- --
    ------
  --
-

Props

page: 当前页码
pages: 总页码数
limit: 每页项数，默认为 10
offset: 要显示的页码数量，默认为 3
centered: 是否居中显示页码，默认为 true
previousLabel: 上一页按钮的文本，默认为 'Previous'
nextLabel: 下一页按钮的文本，默认为 'Next'
outerRange: 要显示的外侧页码数量，默认为 1
innerRange: 要显示的内侧页码数量，默认为 1
onChange: 当页码发生变化时的回调函数，参数为当前页码

定制

@eluck/material-ui-flat-pagination-2.1.4 提供了多种可以定制的样式属性，比如 color、backgroundColor、borderRadius 等，具体可以查阅官方文档。以下是一个例子：

-- -------------------- ---- -------
---------------
  --------
  ----------
  ----------
  ----------
  ----------------
  ----------------------
  ------------------
  --------------
  --------------
  ---------------------------
  -------------------
  -------------------------
  ----------------
--

结语

@eluck/material-ui-flat-pagination-2.1.4 是一个功能强大、易用的分页器组件，它可以大大提高开发效率。通过本文的学习，相信读者已经对其有了一定的了解，可以在实际项目中应用起来了。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/60066b5551ab1864dac66aba