关于前端:elementui之改变elswitch开关组件的大小

一、需要

通过 css 扭转 el-switch 大小

二、性能实现

.el-switch__core {
  width: 30px !important;
  height: 16px;
}
.el-switch__core::after {
  width: 14px;
  height: 14px;
  margin-top: -1px;
}
.el-switch.is-checked .el-switch__core::after{margin-left: -15px;}

原成果：

批改后成果：