mui-switch

mui-switch是一个基于MUI框架的开关组件，可以通过js控制开关状态。在HTML中，可以使用mui-switch类来创建开关。例如，下面的代码创建了一个默认的蓝色开关：

<div class="mui-switch mui-switch-blue">
    <div class="mui-switch-handle"></div>
</div>

其中，mui-switch-blue类指定了开关的颜色为蓝色。开关的状态可以通过添加data-on和data-off属性来指定开和关的文本。例如：

<div class="mui-switch mui-switch-blue" data-on="开" data-off="关">
    <div class="mui-switch-handle"></div>
</div>

在JavaScript中，可以使用以下代码来控制开关的状态：

var switchElem = document.querySelector('.mui-switch');
switchElem.classList.toggle('mui-active');

这将切换开关的状态。如果开关当前处于关闭状态，则打开它，反之亦然。