uni-app中position: fixed悬浮按钮点不中，因nvue端（尤其Android）fixed脱离原生层级致touch事件穿透；应改用cover-view/cover-image，挂载App.vue全局，配合touch事件+节流+in(this)查询实现跨端可用。
uni-app里用position: fixed做悬浮按钮为什么点不中？
因为fixed元素在uni-app的nvue和web双端渲染逻辑下行为不一致：web端正常，但nvue（尤其是Android）中，fixed会脱离原生层级，导致touch事件穿透或丢失。常见现象是按钮显示正常，但点击无响应，控制台也无报错。
实操建议：
- 优先用
cover-view+cover-image替代普通view，它们是nvue专用组件，支持fixed且能正确捕获事件 - 若需自定义样式（如阴影、圆角），必须把
cover-view设为display: flex，内部用cover-image或带background-color的cover-view模拟按钮 - 不要给
cover-view加z-index，它只接受1（顶层）或0（默认），设其他值无效
如何让悬浮球在所有页面都显示且可拖动？
不能靠每个页面重复写一套cover-view，得走全局方案。核心是把悬浮球挂到App.vue的最外层，并用vuex或uni.$emit通信控制显隐和位置。
实操建议：
- 在
App.vue的底部直接放pages.json的导航栏遮挡 - 拖动逻辑必须用
touchstart/touchmove，不能用click或tap——后者在nvue中无法获取实时坐标 - 记录坐标时用
event.touches[0].pageX和pageY，别用clientX，否则在有滚动条的页面会偏移 - 拖动过程中动态设置
style="left: {{x}}px; top: {{y}}px;"，注意nvue不支持calc()，计算必须在js里完成
uni.createSelectorQuery()查不到cover-view怎么办？
这是高频踩坑点：createSelectorQuery默认查不到cover-view，因为它不在普通DOM树里。错误现象是exec回调里返回null，或者boundingClientRect结果为空。
实操建议：
- 必须显式调用
.in(this)（this指向App.vue实例），否则查询上下文错误 - 查询目标要用
select('#float-ball')，且cover-view必须带id属性，class选择器无效 - 首次查询前加
setTimeout延时100ms，确保cover-view已挂载（nvue渲染有延迟） - 如果只是想获取屏幕宽高做边界限制，直接用
uni.getSystemInfoSync().windowWidth更可靠
iOS上悬浮球突然消失或卡死，大概率是啥问题？
iOS nvue对cover-view的重绘非常敏感，频繁修改left/top样式或同时触发多个cover-view更新，会导致GPU线程卡顿，表现就是悬浮球闪退、不动、或整个页面触控失灵。
实操建议：
- 拖动时做节流，
touchmove里用requestAnimationFrame包裹样式更新，别直接赋值 - 禁用
transform: translate()——cover-view不支持该CSS属性，设了等于没设 - 避免在
onShow里重置悬浮球位置，iOS可能还没完成页面切换动画，此时操作cover-view易出错 - 真机调试务必用
uni-app 3.99+版本，老版本iOS nvue的cover-view事件兼容性极差
复杂点在于，同一套代码在微信小程序、H5、App三端的渲染路径完全不同，而悬浮球这种强交互组件恰恰卡在各端能力交界处。最容易被忽略的是：你看到的“正常显示”，可能只是web端的假象，一到真机就暴露nvue的底层限制。
