#### 组件名称
gov-switch

#### 解释：
自定义开关

#### 属性说明：
|属性名 | 类型 | 必填 | 默认值 |说明 |
|---|---|---|---|---|
|value |Boolean |否|false|指定当前是否选中|
|disabled |Boolean |否|false|禁用开关|
|true-value |tring, Number, Boolean |否|true|选中时的值，当使用类似 1 和 0 来判断是否选中时会很有用|
|false-value |String, Number, Boolean |否|false|没有选中时的值，当使用类似 1 和 0 来判断是否选中时会很有用自定义的class名称|
|loading |Boolean |否|false|加载中的开关|
|active-color |String |否|#3388ff|switch 打开时的背景色|
|inactive-color |String |否|#ededed|switch 关闭时的背景色|

#### 代码示例
swan:
```
<view class="center">
    <view class="preview-padding">默认样式</view>
    <gov-switch />
    <view class="preview-padding">不带字开关开启</view>
    <gov-switch 
        value="{{true}}">
    </gov-switch>
    <view class="preview-padding">带字切换开关</view>
    <gov-switch
        value="{{true}}">
        <span slot="open">开启</span>
        <span slot="close">关闭</span>
    </gov-switch>
    <view class="preview-padding">禁用开关</view>
    <gov-switch value="{{true}}" disabled="{{true}}" class="padding"/>
    <text style="white-space:nowrap; padding: 10px"></text>
    <gov-switch disabled="{{true}}" />
    <view class="preview-padding">选中时加载中的开关</view>
    <gov-switch loading value />
    <view class="preview-padding">未选中时加载中的开关</view>
    <gov-switch loading false-value="true" />
    <view class="preview-padding">自定义颜色开关</view>
    <gov-switch
        gov-inner-class="gov-inner-class"
        active-color="green",
        inactive-color="#c39",
        value="{{true}}"
        bindonChange="onChange">
        <span slot="open">开启</span>
        <span slot="close">关闭</span>
    </gov-switch>
</view>
```
js:
```
Page({
    data: {},
    onChange(e) {
        swan.showToast({
            title: e.detail === true ? '开关开启' : '开关关闭',
            icon: 'none'
        });
    }
});

```
css:
```
.gov-inner-class {
    color: rgba(156, 243, 243) !important;
}
.center {
    margin-left: 50px;
}
.preview-padding {
    padding: 14px;
    color: #999;
    margin-left: -60px;
}

```