
1、大小
/* swtich整体大小 */
.wx-switch-input{
width: 100rpx !important;
height: 57rpx !important;
}
/* false的样式 */
.wx-switch-input::before{
width: 100rpx !important;
height: 53rpx !important;
}
/* true的样式 */
.wx-switch-input::after{
width: 57rpx !important;
height: 53rpx !important;
}
以上尺寸根据你的具体情况来调整
2、颜色
<switch checked bindchange="switch1Change" color="#26a2ff" />


本文介绍了如何修改微信小程序中switch开关组件的样式,包括调整其整体大小和改变颜色。通过设置wx-switch-input的选择器属性可以改变开关的尺寸,例如设置width和height。同时,可以使用<switch>标签的color属性来设定开关激活时的颜色,例如#26a2ff。
1996

被折叠的 条评论
为什么被折叠?



