微信小程序switch样式的调整

微信小程序switch样式的调整

      有时候我们使用微信小程序中的switch开关的时候，会想要调整它的大小，使用scale方式，会发现无效；或是别的方式，会发现出现“首尾分离”。

1.微信小程序switch

2.微信小程序wxml代码

<!--开关控制-->

<switch checked></switch>

3.微信小程序wxss代码

① width、height、background的样式后面一定要加上"!important"

② 位置如果还有一点问题，可以通过margin-top/bottom/left/right进行微调

//开关checked为true时，开关的框框的样式
.wx-switch-input{
  width: 86rpx!important;
  height: 36rpx!imp