可在layer.open的success回调中为弹层内容区添加CSS抖动动画类，需确保DOM渲染完成、仅触发一次、适配移动端并及时移除class。
layer.open 里怎么加抖动动画效果
Layer 本身不提供“抖动”这种 UI 反馈，但你可以用 CSS 动画 + layer.open 的 success 回调，在弹层 DOM 渲染完成后手动触发抖动类。
关键点是：抖动必须作用在弹层内容区（.layui-layer-content 或你自定义的容器），而不是整个 .layui-layer，否则会连带遮罩一起晃，体验很怪。
- 抖动动画建议用
@keyframes定义，位移控制在 ±4px 以内，持续时间 0.4s 左右，避免眩晕 - 必须等 layer 完全渲染后再添加 class，否则 DOM 还没挂载就操作会失效
- 抖动只应触发一次，别用
setInterval或重复绑定，防止连续抖动卡顿
抖动 CSS 类怎么写才不冲突
直接在全局样式里加 .shake 类最稳妥，避免用 ID 或深层嵌套选择器，因为 layer 是动态插入 DOM 的，结构可能随版本微调。
推荐写法：
@keyframes shake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-4px); }
50% { transform: translateX(4px); }
75% { transform: translateX(-4px); }
}
.shake {
animation: shake 0.4s cubic-bezier(.36,.07,.19,.97) both;
}
注意：cubic-bezier(.36,.07,.19,.97) 是个较自然的弹性缓动，比线性抖动更柔和；both 确保动画结束后保持末帧状态（其实这里末帧是 0 位移，所以可省略）。
怎么在按钮点击后精准触发抖动
不能直接在按钮 click 里调 layer.open 后立刻加 class——此时 DOM 还没插入 document。必须靠 success 回调。
-
success函数的第一个参数是 layer 的DOM元素（dom），可用dom.find('.layui-layer-content')或dom.querySelector('.layui-layer-content')定位内容区 - 抖动完最好自动移除 class，避免后续操作误触发（比如用户反复点同一个按钮）
- 如果弹层有
type: 1（页面层）或type: 2（iframe），抖动目标要换成你传入的content容器，而不是默认 content 区
示例片段：
layer.open({
type: 1,
content: '<div class="my-form">...</div>',
success: function(dom) {
const $content = $(dom).find('.layui-layer-content');
$content.addClass('shake');
setTimeout(() => $content.removeClass('shake'), 400);
}
});
移动端抖动要不要关掉
要关。iOS Safari 和部分安卓 WebView 对频繁 transform 动画优化差，抖动可能卡顿甚至闪退。建议加 UA 判断或用 matchMedia('(hover: hover)') 区分是否有悬停能力。
- 简单方案：在
success里先判断navigator.userAgent.includes('Mobile')，是则跳过抖动 - 更可靠方案：用
window.matchMedia('(pointer:fine)').matches，返回 true 表示是精细指针（如鼠标），false 基本是触摸屏 - 别依赖
screen.width < 768，现在很多折叠屏桌面模式下宽度也小
抖动不是功能必需项，而是情绪反馈。在触控设备上，一个轻微的缩放或背景色变化，往往比生硬左右晃更合适。
