uni-app自定义switch在app端（尤其nvue）失效因不支持css transform、伪元素等；需用view+animation实现位移，动画须新建、rpx转px计算，文字用绝对定位硬编码left/right，背景色用十六进制，圆角不超过高度一半，z-index无效需靠dom顺序控制层级。
uni-app自定义switch为什么在App端失效
直接用v-model绑定<u-switch></u-switch>或原生<switch></switch>，在App端（尤其是nvue）会丢失样式控制权——因为nvue渲染层不支持CSS transform、伪元素和部分transition，且transform: translateX()在原生渲染中可能被忽略或计算错误。
用view+animation实现App安全的位移动画
App端必须放弃纯CSS位移，改用uni.createAnimation()驱动小圆球移动。关键点是：动画对象不能复用，每次都要新建；位移值必须用rpx转px再计算，否则在不同DPR设备上错位。
-
uni.getSystemInfoSync().pixelRatio拿到设备像素比，把目标rpx位置 × pixelRatio 得到真实px偏移 - 动画duration设为
300，timingFunction用'ease-in-out'，避免nvue下卡顿 - 禁用状态要单独加
pointer-events: none和opacity: 0.5，仅靠CSS opacity无法阻止nvue点击穿透
文字标签定位必须用绝对定位+动态left/right
小程序和H5能用text-align或flex居中，但App端（尤其iOS nvue）对text组件的position: absolute支持不稳定，容易文字偏移或截断。稳妥做法是：两个<text></text>标签都设position: absolute，通过left和right硬编码距离，而非百分比或calc()。
- 左侧文字固定
left: 12rpx，右侧文字固定right: 12rpx，单位统一用rpx - 文字颜色用
color: #fff+text-shadow: 0 1rpx 1rpx rgba(0,0,0,.2)提升App端可读性 - 避免在
<text></text>里嵌套<span></span>，nvue不支持
颜色与尺寸跨端兼容的关键参数
App端不识别CSS变量和渐变色（如linear-gradient），背景色只能用十六进制或rgb；同时nvue的border-radius最大值不能超过高度一半，否则圆角失效。
- 开关轨道宽高比必须严格保持
2:1（如宽120rpx、高60rpx），否则nvue圆角裁剪异常 - 小圆球宽高设为轨道高度的
80%（如48rpx），不能写死px，否则在iPad等大屏上过小 - 激活色用
#007AFF这类纯色，禁用hsl()或透明度写法（如rgba(0,122,255,0.9)）
z-index完全无效，所有层级靠DOM顺序决定，文字标签必须写在开关轨道<view></view>之后，否则会被遮盖。
