<switch :checked="useCoupon" style="transform:scale(0.8)" @change="toggleCoupon" activeBackgroundColor="#23C343" backgroundColor="#C5C5C5" />
2***@qq.com
- 发布：2025-08-01 16:25
- 更新：2026-02-03 11:10
- 阅读：526
产品分类： uni-app x/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 26100.4652
HBuilderX类型： 正式
HBuilderX版本号： 4.76
手机系统： Android
手机系统版本号： HarmonyOS 5.0.1
手机厂商： 华为
手机机型： HUAWEI Mate60 RS | ULTIMATE DESIGN
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<switch :checked="useCoupon" style="transform:scale(0.8)" @change="toggleCoupon" activeBackgroundColor="#23C343" backgroundColor="#C5C5C5" />
<switch :checked="useCoupon" style="transform:scale(0.8)" @change="toggleCoupon" activeBackgroundColor="#23C343" backgroundColor="#C5C5C5" />预期结果：
如图一
如图一
实际结果：
如图二
如图二
bug描述：
页面使用switch组件时。 会导致页面静态图片资源加载失败。
![[已删除]](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/002/47/03/80_avatar_mid.jpg?v=1699875362){kind=avatar}
