uni-app中“停止”按钮实现锁屏态需隐藏tabBar、禁用交互、拦截返回：调用uni.hideTabBar({animation:false})，设根容器overflow:hidden和touch-action:none，onBackPress return true拦截返回，维持页面实例而非跳转或卸载。
uni-app 中如何用 uni.hideTabBar 和 uni.showTabBar 控制锁屏状态下的 UI 显示
锁屏控制面板里的“停止”按钮，本质不是真锁屏（iOS/Android 系统级锁屏无法由 H5 或小程序直接触发），而是模拟锁屏界面 + 禁用交互 + 隐藏底部导航。关键在于：点击“停止”后，要隐藏 tabbar、禁用页面滚动、防止返回上一页，同时保持当前视图全屏显示。
常见错误是只调用 uni.hideTabBar()，但没处理 onBackPress 或页面生命周期，导致用户按物理返回键退出锁屏态，或下拉刷新/滚动穿透到底部内容。
- 必须在
onShow或按钮点击后立即执行uni.hideTabBar({ animation: false })，避免闪动 - 配合
uni.setNavigationBarColor({ backgroundColor: '#000' })统一顶部栏颜色，增强沉浸感 - 给根容器加
style="overflow: hidden; touch-action: none;"，阻止 iOS 下拉刷新和安卓滑动穿透 - 在
onBackPress生命周期里return true拦截返回，否则用户点返回键直接退出锁屏页
“停止”按钮点击后如何防止页面被意外关闭或跳转
锁屏态下最脆弱的环节是路由跳转和页面卸载。uni-app 的 onUnload 会在用户主动离开页面时触发，但“停止”按钮本意是暂停而非销毁页面。所以不能靠 uni.navigateBack 或 uni.switchTab 实现“停止”，而应维持当前 page 实例，仅切换 UI 状态。
- 把“停止”逻辑封装成一个响应式变量，比如
isLocked，绑定到按钮v-if和容器 class 上 - 不要在点击“停止”时调用
uni.navigateBack()，否则页面实例销毁，再进需重新加载 - 若使用
uni.navigateTo({ url: '/pages/lock/lock' })跳转到锁屏页，确保该页面navigationStyle: custom，并手动隐藏原生导航栏 - 对 App 平台，可调用
plus.screen.lockOrientation('portrait')强制竖屏（需在onReady后执行，且仅 Android 有效）
App 端真机锁屏兼容性要注意的三个坑
uni-app 的 plus.screen API 在不同平台表现差异大。所谓“锁屏控制”，在 App 端实际能做的只有：隐藏 UI、禁交互、锁定屏幕方向。系统级锁屏（如按电源键）无法通过 JS 触发，也不应尝试模拟。
-
plus.screen.lockOrientation('portrait')在 iOS 上无效，仅 Android 支持；且部分厂商（如华为 EMUI）会忽略该调用 -
plus.runtime.quit()不是“停止”，而是直接退出应用，绝对不要用于锁屏按钮 - 锁屏页若含视频或音频，需在
onHide里手动pause()，否则切后台后媒体继续播放，耗电且违反审核规范
微信小程序中“停止”按钮为什么点了没反应
小程序平台禁止任何模拟系统锁屏的行为，plus 相关 API 全部不可用，uni.hideTabBar 是唯一可用的 UI 控制手段。如果点了没反应，大概率是生命周期或作用域问题。
- 确保在非 tabBar 页面（即
tabBar配置外的页面）调用uni.hideTabBar，否则无效 - 检查是否在
onLoad里就调用了uni.hideTabBar，此时页面未渲染完成，建议改到onReady或按钮事件回调中 - 微信基础库 2.25.2+ 才支持
animation参数，旧版本传{ animation: false }会报错，应先判断uni.canIUse('hideTabBar') - 按钮绑定的事件名写成
@tap="handleStop"，别漏掉@或拼错函数名，调试时看 console 是否有handleStop is not a function
