小程序 调整switch的样式

小程序 调整switch的样式

除了使用css整体缩小

.wx-switch-input{ transform:scale(.6); }

原开关太高了，还可以调整开关的长度

// 未选中时的颜色
.form-list wx-switch .wx-switch-input:before{
  background-color: #f6ead2;
  width: 106rpx !important;
}
.form-list wx-switch .wx-switch-input{
  width: 110rpx !important;
}
//调整了开关的长度，所以需要调整位移大小
.form-list wx-switch .wx-switch-input.wx-switch-input-checked:after{
  -webkit-transform: translateX(54rpx) !important;
  transform: translateX(54rpx) !important;
}

效果图