先说核心结论：全局在线客服悬浮球这事儿，要是靠 v-if 或 show 控制显隐，或者写在某个页面里反复挂载，那基本是给自己挖坑。正确的做法是：App 端必须走原生视图方案（plus.nativeObj.View 或 nvue），小程序必须用 cover-view 加上隐藏的 video 作为挂点，H5 就简单了，position: fixed 搞定。但最关键的是——三端逻辑必须分离，状态必须统一抽离到全局 store。

App 端：别用 Vue 组件，改用原生视图

很多开发者踩过坑：App 里用 Vue 组件写悬浮球，结果切个页面按钮就没了。原因不难理解——App 的 webview 渲染层本身就不支持跨页面的 Vue 组件“常驻”，v-if="false" 一卸载，按钮就从原生视图树里彻底消失，不会自动复活。常见现象包括：onShow 里设 this.show = true 没反应，首页有按钮、二级页就没了，真机上偶尔闪一下就消失。

解决方案其实很明确：

• 在 App.vue 的 onLaunch 中只初始化一次，用 plus.nativeObj.View 创建（比如 ID 设为 'float-customer'），之后只调用 view.show() 或 view.hide() 来控制显隐。
• 点击事件必须通过 view.addEventListener('click', handler) 来绑定，@click 在这里是无效的。
• 千万不要把按钮写在 pages.json 的每个页面里，更不要在各自的 mounted 中重复创建。
• 如果需要拖拽，监听 touchmove 后用 view.setStyles({ left, top }) 更新位置，边界要根据 uni.getSystemInfoSync().safeArea 动态计算，不能写死某个 px 值。

微信小程序：cover-view 总被遮挡？检查父容器和事件写法

小程序的 cover-view 有个硬性约束：它必须是 video、map、camera 等原生组件的直接子节点才能生效。而 uni-app 默认没有全局挂载点，如果强行用 position: fixed 的普通 view，很容易被导航栏、tabBar 或下拉刷新容器截断，甚至穿透不可点。

这里有一组实际可行的方案：

• 在 App.vue 的