6***@qq.com

发布：2019-08-23 19:08
更新：2020-11-10 14:28
阅读：4465

【报Bug】switch组件改变状态不能改变颜色，不能设置color

分类：uni-app

switch uni_app

详细问题描述

（DCloud产品不会有明显的bug，所以你遇到的问题大都是在特定环境下才能重现的问题，请仔细描述你的环境和重现方式，否则DCloud很难排查解决你的问题）

[内容]
使用switch组件改变选中状态，但是北京颜色没有改变，需要把.uni-switch-input:not([class*=""]) { background: #8799a3 !important;}注释掉才能，type是switch的时候还有×号在里面显示。

重现步骤

[步骤]

[结果]

[期望]

[如果语言难以表述清晰，拍一个视频或截图，有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app，也需要在此说明]

[IDE版本号]

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序？]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的？如果是cli创建的，请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式？]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志，点右键打开文件所在目录，将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段，你补充的细一点，问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2019-08-23 19:08 负责人:无分享

2 个回复

爱折腾的章鱼猫

如果用的是colorUI
1.先把colorUI覆盖的背景样式注释掉；

/* switch .wx-switch-input:not([class*=""]),  
switch .uni-switch-input:not([class*=""]) {  
    background: #8799a3 !important;  
} */

2.再把switch中×的样式只编译到微信平台

 /* #ifdef MP-WEIXIN */  
switch::before {  
    content: "\e646";  
    right: 0;  
    transform: scale(1, 1);  
    left: auto;  
}  
/* #endif */

DCloud_uni-ad_HDX

是否设置了 color 属性

<switch checked color="#FFCC33" />

参考文档
https://uniapp.dcloud.io/component/switch?id=switch

6***@qq.com (作者)

额，抱歉。看了hello-uniapp，发现是之前引用了插件市场的一个UI，css被覆盖了.....

2019-09-06 15:57
一个好名字

回复 6***@qq.com: 老哥能分享一下怎么解决的吗？谢谢

2020-10-19 16:43

该问题目前已经被锁定, 无法添加新回复

【报Bug】switch组件改变状态不能改变颜色，不能设置color

详细问题描述

重现步骤

IDE运行环境说明

uni-app运行环境说明

App运行环境说明

附件

联系方式

2 个回复

公告

相关问题

【报Bug】switch组件改变状态不能改变颜色，不能设置color

详细问题描述

重现步骤

IDE运行环境说明

uni-app运行环境说明

App运行环境说明

附件

联系方式

与内容相关的链接

2 个回复

公告

相关问题