首页 > 其他 > 详细

小程序 switch按钮

时间:2018-02-04 15:11:28      阅读:649      评论:0      收藏:0      [点我收藏+]
<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;
}

小程序 switch按钮

原文:https://www.cnblogs.com/dianzan/p/8413175.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!