element开关样式更改

• 全局样式

.el-switch {
  &::before {
    content: '开';
    display: none;
    color: #fff;
    z-index: 1;
    margin-right: -12px;
    transform: translateX(5px);
    font-size: 12px;
  }

  &::after {
    color: #fff;
    content: '关';
    z-index: 1;
    margin-left: -15px;
    transform: translateX(-3px);
    font-size: 12px;
  }

  &.is-checked::before {
    display: block;
  }

  &.is-checked::after {
    display: none;
  }
}

• 想改变文字 在自己文件夹中 改变

  .el-switch::after {
        content: '或';
      }
      .el-switch::before {
        content: '且';
      }