layui分页页面中页码栏的代码在哪里
时间: 2023-06-15 12:04:56 浏览: 109
layui分页效果实现代码
在 layui 中,分页组件的 HTML 结构如下:
```html
<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-0">
<a href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0"><i class="layui-icon layui-icon-prev"></i></a>
<span class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>1</em></span>
<a href="/list?page=2" data-page="2">2</a>
<a href="/list?page=3" data-page="3">3</a>
<a href="/list?page=4" data-page="4">4</a>
<span class="layui-laypage-spr">…</span>
<a href="/list?page=100" data-page="100">100</a>
<a href="/list?page=2" class="layui-laypage-next" data-page="2"><i class="layui-icon layui-icon-next"></i></a>
</div>
```
其中,页码栏就是包含 `<span>` 和 `<a>` 标签的部分,可以通过修改 CSS 样式或者 JS 代码来自定义分页组件的样式和功能。
阅读全文