假设你想要其他颜色,那么你可以这样扩展:
命名及颜色按照各自团队内部的FE/UI规范即可
全局扩展方式:
@include yo-switch(
$name: test,
$checked-bordercolor: #4a87ee,
$checked-bgcolor: #4a87ee
);
使用方法:
局部扩展方式(关键字参数):
.xxx{
@include yo-switch(
$name: test,
$checked-bordercolor: #4a87ee,
$checked-bgcolor: #4a87ee
);
}
使用方法:
@include yo-switch( $name:default, //{String} switch名称 $checked-bordercolor:default, //{Color} 定义switch激活边框色 $checked-bgcolor:default, //{Color} 定义switch激活背景色 $bordercolor:default, //{Color} 定义switch边框色 $bgcolor:default, //{Color} 定义switch背景色 $ball-color:default //{Color} 定义switch滑块色 )