必须用 touchstart 坐标动态定位 + 伪元素箭头 + pointer-events 精细控制，才能复现微信长按气泡；position="bottom" 固定方向、不锚定点击点，会导致错位、遮挡、误触。
直接用 uni-popup 配合动态坐标定位 + 手动箭头计算，才能真正复现微信长按气泡菜单；默认的 position="bottom" 是固定方向弹出，和点击位置无关，点不准、遮不住、还容易被盖住。
为什么 position="bottom" 不能用在长按菜单上
微信那种气泡是“紧贴手指按下位置、箭头正对触发点”的，而 uni-popup 的 position 只决定弹窗从哪个方向“滑入”，不读取任何元素坐标。它内部是按视口区域做位移（比如 bottom 就硬塞到底部），不是锚定目标。
- 触发点在屏幕中间时，
position="bottom"仍会把弹窗拉到底部，用户得抬头找 - 遮罩层默认
pointer-events: auto，松手瞬间可能误触关闭，而不是点中菜单项 -
z-index是写死的（如1075），复杂页面里常被其他组件（如uni-nav-bar或自定义弹窗）盖住
怎么让气泡“钉”在长按位置
必须绕过 position 属性，改用 absolute + touchstart 坐标动态算 left/top，再结合伪元素画箭头指向。
- 监听
touchstart（不是@longpress，后者 H5 不触发、小程序行为不一致），取e.touches[0].clientX / clientY - 用
uni.createSelectorQuery()查弹窗自身宽高，避免写死数值（比如80px宽、120px高） - 箭头用伪元素
::before+transform: translate(-50%, 0)居中指向，别用rotate(45deg)—— 缩放或字体变化时易错位 - 弹窗容器设
pointer-events: auto，遮罩层设pointer-events: none，否则松手必误关
const showAt = (e) => {
const x = e.touches[0].clientX;
const y = e.touches[0].clientY;
that.popupStyle = {
left: `${x - 80}px`,
top: `${y - 120}px`,
position: 'absolute'
};
that.show = true;
};
H5 和 App 上如何禁用系统长按菜单
不处理的话，H5 会选中文本，iOS App 会弹原生“复制/搜索”菜单，直接盖掉你的气泡。
- H5 端：给目标元素加
style="user-select: none; -webkit-user-select: none;" - iOS App 端：在
manifest.json → iOS 设置 → “禁用系统长按菜单”打钩（对应配置项是ios.userLongPressMenu） - Android App 和小程序端无需额外操作，但要注意：小程序里
bindlongtap是存在的，uni-app 抽象层把它屏蔽了，统一走模拟逻辑
长按事件本身怎么跨平台可靠触发
@longpress 在绝大多数平台都不生效——它只是 uni-app 2.9+ 为 H5 单独加的指令，小程序和 App 写了等于没写。
- 真实方案是手动模拟：
touchstart启动setTimeout（阈值建议500ms），touchend或touchcancel清除定时器 - 必须处理
touchcancel：用户滑出区域、切后台、来电等都会触发，不清理会导致误执行 - 别依赖
button组件的内置长按反馈——它只提供视觉反馈，不抛事件回调
最易被忽略的是遮罩层的 pointer-events: none 和弹窗自身的 pointer-events: auto 组合，以及 iOS App 的 manifest 配置。这两个点漏掉，菜单在真机上基本就是“点一下闪一下”，根本没法用。
