微信小程序 swtich组件 改变原生尺寸样式大小

直接在wxss文件的前面加下面的内容：

/*swtich样式-start*/

/*swtich整体大小*/

.wx-switch-input{

width:82rpx !important;

height:40rpx !important;

margin:0 !important;

padding: 0 !important;

}

/*白色样式（false的样式）*/

.wx-switch-input::before{

width:80rpx !important;

height:36rpx !important;

}

/*绿色样式（true的样式）*/

.wx-switch-input::after{

width:38rpx !important;

height:36rpx !important;

}

/*swtich样式end*/

 

 

只能说，小程序这些原生组件 真的是个奇葩。。。那么大个按钮，开发者自己不觉得难看么

转载于:https://www.cnblogs.com/tindy/p/9443851.html