mui-switch-mini.md

mui-switch-mini

隐藏开关on/off文字提示，变成简洁模式

若希望隐藏on/off文字提示，变成简洁模式，需要在.mui-switch节点上增加.mui-switch-mini类，如下：

<!-- 简洁模式开关关闭状态 -->
<div class="mui-switch mui-switch-mini">
  <div class="mui-switch-handle"></div>
</div>
<!-- 简洁模式开关打开状态 -->
<div class="mui-switch mui-switch-mini mui-active">
  <div class="mui-switch-handle"></div>
</div>

---

Mui.css （v3.0.0）部分源码：

4513
.mui-switch-mini
{
    width: 47px;
}
.mui-switch-mini:before
{
    display: none;
}
.mui-switch-mini.mui-active .mui-switch-handle
{
    -webkit-transform: translate(16px, 0);
            transform: translate(16px, 0);
}