@TOC有详细的使用图关于元素el-switch中开关的使用具体实现步骤：（1）添加html代码的展示，这里写了class="switch"类名，避免污染全局样式。（2）修改el-switch的默认样式。我的样式写在全局样式文件main.css中。如果要修改el-switch所在文件中的样式，一定要注意样式中的scoped属性，否则写的样式可能不会生效。但是如果去掉scoped，样式也会作用于全局，可能会造成全局污染，所以建议在样式外加一个全局的类名。小知识点：使用vue框架时，在style标签中加入scoped属性，表示style标签中包含的样式只作用于当前vue组件，不会造成样式的全局污染。一个应用中的所有vue组件都在添加这个属性实现了样式的模块化/*switchbuttonstyle*/.switch.el-switch__label{position:absolute;显示：无；color:#fff!important;}/*打开时文本位置设置*/.switch.el-switch__label--right{z-index:1;}/*调整打开时文本的显示位置*/.switch.el-switch__label--rightspan{margin-right:9px;}/*Close设置文本关闭时的位置*/.switch.el-switch__label--left{z-index:1;}/*调整文字关闭时的显示位置*/.switch.el-switch__label--leftspan{margin-left:9px;}/*显示文字*/.switch.el-switch__label.is-active{display:block;}/*调整按钮宽度*/.switch.el-switch.el-switch__core,.el-switch.el-switch__label{width:70px!important;保证金：0；}
