前端pui-pagination 分页组件的使用，具体布局属性layout 有哪些

PUI（Progressive UI）是一个基于Bootstrap的前端UI库，它提供了一个名为Pagination的分页组件。`layout` 属性在PUI-Pagination中主要用于控制分页元素在页面上的排列方式。常见的布局选项包括：

1. `prevNextButtons`: 只显示“上一页”和“下一页”两个按钮，适合空间有限的情况。
2. `NumericPages`: 显示页码，通常适用于有更多页面需要浏览的场景。
3. ` justified`: 水平均匀分布，当可用空间充足时，各页按钮会平均分布在一行里。
4. `alwaysShowAllPages`: 显示所有页码，无论总共有多少页，这对于长列表来说很有帮助。

要使用这个组件，你可以这样做：

<link rel="stylesheet" href="path/to/puipagination.min.css">
<script src="path/to/jquery.js"></script>
<script src="path/to/puipagination.min.js"></script>

<div id="pagination-container">
   <ul class="pui-pagination" layout="NumericPages">
      <li><a href="#" disabled>...</a></li>
      <li><a href="#">1</a></li>
      <li><a href="#">2</a></li>
      <!-- 更多页码... -->
      <li><a href="#" disabled>...</a></li>
      <li><a href="#">10</a></li>
      <li><span class="pui-pagination__ellipses">...</span></li>
      <li><a href="#">20</a></li>
      <li><a href="#" class="pui-pagination__last">20</a></li>
   </ul>
</div>

<script>
$(document).ready(function() {
   $('.pui-pagination').pagination();
});
</script>