Layui layer底部Actionsheet需设置anim: 'up'和offset: 'b'触发滑入动画，shadeClose: true支持遮罩关闭，fixed: true防iOS错位；内容用type: 1+自定义HTML并设max-height: 60vh与-webkit-overflow-scrolling: touch实现滚动；须引入mobile版layer、加skin类重置样式、内嵌header替代title、手动添加取消按钮。
在手机端用Layui layer实现底部弹出的Actionsheet，需绕过默认居中逻辑、禁用遮罩干扰、适配触控交互，并确保内容区域可滚动且不随页面滚动偏移。
基础配置：让弹层从底部滑入
调用layer.open时必须设置anim: 'up'和offset: 'b'，这是触发底部入场动画的最小必要条件；若缺一，弹层将退回居中显示或无动画。
设置shadeClose: true，允许用户点击遮罩快速关闭——移动端没有鼠标悬停，点空白处即关闭是基本交互直觉。
【fixed: true不可省略】 否则在iOS Safari中滚动页面后，弹层会随文档流上移错位，遮住关键操作按钮。
内容结构：支持图标、副标题与滚动
不要直接传字符串给content，否则无法控制内部布局和溢出行为。改用type: 1 + 包裹容器：
content: '
在success回调中为内容区设max-height和滚动样式：
success: function(layero) {
layero.find('.action-sheet-content').css({
'max-height': '60vh',
'overflow-y': 'auto',
'-webkit-overflow-scrolling': 'touch'
});
}
注意：max-height用vh单位而非px，避免在小屏设备上撑满全屏导致无法关闭；-webkit-overflow-scrolling: touch专治iOS Safari滚动卡顿。
移动端专属优化
第一步：只引入mobile版layer文件，删掉PC版layer.js引用，否则layer.closeAll()可能漏关某些弹层，控制台报“Cannot read property 'open' of undefined”就是典型冲突信号。
第二步：给弹层加skin自定义类，例如skin: 'layer-actionsheet-mobile'，并在CSS中强制重置内边距和圆角：
.layer-actionsheet-mobile .layui-layer-content { padding: 0; border-radius: 16px 16px 0 0; }
第三步：顶部加视觉分隔线或提示文案，用title参数会破坏底部对齐，改用content内嵌header：
content: '
最后一步：底部取消按钮单独处理，不要依赖btn参数——它生成的按钮在移动端太小且位置固定。在content末尾手动插入一个带lay-event="cancel"的按钮，点击后执行layer.close(layer.index)。
