小程序 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{

width:20px;

height: 20px;

}

.pay-switch .wx-switch-input-checked{

width:40px;

height: 22px;

}

.pay-switch .wx-switch-input::after{

width:20px;

height: 20px;

}

.pay-switch .wx-switch-input:before{

width:40px;

height: 22px;

}

.pay-switch .wx-switch-input:before{

width:40px;

height: 22px;

}

.pay-switch .wx-switch-input{

width:40px;

height: 22px;

}

转载于:https://www.cnblogs.com/dianzan/p/8413175.html