小程序 switch按钮

<view class='pay-switch'>
<switch color='#1F3238' data-gongprice='{{gongprice}}' data-discounts='{{discounts}}' bindchange="switch1Change" />
</view>
 
 
.pay-choice{
height: 40rpx;
overflow: visible;
}
.pay-choice icon{
/* margin-top: 20rpx; */
height: 40rpx;

}
.pay-switch{
height: 44rpx;
overflow: visible;
}
.pay-switch .wx-switch-input-checked::after{
20px;
height: 20px;
}
.pay-switch .wx-switch-input-checked{
40px;
height: 22px;
}
.pay-switch .wx-switch-input::after{
20px;
height: 20px;
}
.pay-switch .wx-switch-input:before{
40px;
height: 22px;
}
.pay-switch .wx-switch-input:before{
40px;
height: 22px;
}
.pay-switch .wx-switch-input{
40px;
height: 22px;
}
原文地址:https://www.cnblogs.com/dianzan/p/8413175.html