2020年10月28日

微信小程序组件swtich滑块的大小样式调整


web切图中,swtich滑块需要借助jquery插件,不过在小程序切图中,自带有这个组件,剩下的只需要调整样式即可,方法如下:


/*swtich整体大小及背景色*/
.wx-switch-input{
width:82rpx !important;
height:36rpx !important;
background: #50D2C2 !important;
border: #50d2c2 !important; /*  重置开关边框颜色 */
}
/*白色样式(false的样式)*/
.wx-switch-input::before{
width:80rpx !important;
height: 36rpx !important;
}
/*绿色样式(true的样式)*/
.wx-switch-input::after{
width: 40rpx !important;
height: 36rpx !important;
}

本文由专业的WEB前端外包公司-切图网原创,转载请保留版权( WEB前端开发外包www.qietu.com切图网始于2007年,提供高品质的前端开发服务、前端外包、切图外包。欢迎来电咨询!热线:027-81777732、13343477732

标签:,