1. 程式人生 > >微信小程式switch樣式調整

微信小程式switch樣式調整

修改方案一:

/*swtich整體大小*/ .wx-switch-input{ width:82rpx !important; height:40rpx !important; } /*白色樣式(false的樣式)*/ .wx-switch-input::before{ width:80rpx !important; height: 36rpx !important; } /*綠色樣式(true的樣式)*/ .wx-switch-input::after{ width: 40rpx !important; height: 36rpx !important; } 修改成功,如果要完全調整和Ui圖一樣比較難控制,類似這樣:開關開啟,白色部分超出顯示,各種問題

修改方案二:

用zoom屬性修改 ,zoom的值越大,switch越大   1是原大小,1-0.1成倍縮小    1-...   成倍放大    可以自己試試,找個適合的尺寸

witch_default_address {

zoom: .4;

}