小程序 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;
}
posted @ 2018-02-04 14:47  ThisCall  阅读(410)  评论(0编辑  收藏  举报