将el-switch的样式修改成如下的样式的需求
代码如下
::v-deep .el-switch__core {
width: 30px;
height: 10px;
background: #b1b4bc !important;
border: #b1b4bc !important;
&:after {
width: 16px;
height: 16px;
background: #78849f;
top: -4px;
left: -1px;
}
}
::v-deep .el-switch.is-checked .el-switch__core{
background-color: #9ab6fc !important;
&:after {
width: 16px;
height: 16px;
background-color: #0249f7 !important;
top: -3px;
left: 44px;
}
}