laypage移动端适配需css强制重排+js补交互：加width:100%和overflow-x:auto解决溢出；缩窄按钮间距、禁用count/limit区域；扩大热区、处理touch延迟；避免嵌套定位父元素；页码摘要手动渲染；统一curr参数类型并校验边界。
分页容器在小屏上横向溢出、页码挤成一团、右侧按钮点不到——这不是 bug，是 laypage 默认布局没适配触控和窄 viewport，得靠 CSS 强制重排 + JS 补交互逻辑。
给 laypage 容器加 overflow-x: auto 和 width: 100%
laypage 内部用 float + 固定宽高排版，移动端下直接撑破父容器。不改容器样式，光调参数没用。
- 必须给分页容器（即
elem对应的 DOM）加内联样式：style="width: 100%; overflow-x: auto;" - 删掉自定义
prev/next文本的white-space: nowrap，否则文字不换行，宽度爆炸 - 避免把 laypage 放在
position: relative或overflow: hidden的父元素里，会截断滚动或遮住右侧页码
缩窄按钮间距并扩大热区
默认 padding 太大，小屏下按钮连成一片；热区又太小，手指一偏就点空。
- 用媒体查询压缩尺寸：
@media (max-width: 768px) { .layui-laypage a, .layui-laypage span { padding: 4px 8px; font-size: 14px; } } - 强制统一热区大小：
.layui-laypage a { min-width: 36px; min-height: 36px; display: inline-flex; align-items: center; justify-content: center; } - 加
-webkit-tap-highlight-color: transparent去掉 iOS 点击残留高亮，防干扰
禁用 count/limit 区域，只留核心控件
移动端根本不需要显示「共 X 条」「每页 Y 条」，它们不仅占空间，还容易触发误操作。
- 初始化时只传
layout: ['prev', 'page', 'next']，别加'count'或'limit' - 如果用了
limits下拉（比如表格分页），请设limits: []彻底隐藏，而不是留一个假输入框 - 页码摘要（如 “第 3 页，共 27 页”）需手动渲染，laypage 不提供响应式摘要 API
curr 参数类型不一致导致跳转错乱
用户在跳页框输“999”回车，obj.curr 是字符串，但 Math.ceil(count / limit) 计算时若没转数字，结果可能是 NaN 或静默 fallback 到最后一页，UI 显示和实际数据对不上。
-
jump回调里必须做类型校验：const curr = parseInt(obj.curr, 10) || 1 - 校验前先算合法最大页：
const maxPage = Math.ceil(count / limit)，再约束curr = Math.min(curr, maxPage) - 务必加
!first条件，否则首次渲染也会触发校验，可能把第 1 页强行跳走
最易被忽略的是：laypage 不处理 touch 延迟，也不扩展热区，所有交互补丁都得自己加；而 curr 类型混用 + 缺少边界校验，是造成“点了页码却没反应”或“显示页码和数据不一致”的真正元凶。
