## mo-radio
> 单选类,仅可用于`label + input[radio]` 标签上
如果要禁用,只需要给`input[radio`添加`disabled`属性;
如果要选中,只需要给`input[radio`添加`checked`属性;
文字label必须使用`span`标签包裹,并且位于`icon`之后
![](https://box.kancloud.cn/062352b56737af04e6aa0734021be173_581x381.png)
| className | 描述 | 说明 |
| --- | --- | --- |
| `mo-radio` | 默认样式 | -- |
| `mo-radio--primary` | 主色调 | `#0275d8` |
| `mo-radio--positive` | 积极色 | `#5cb85c` |
| `mo-radio--negative` | 消极色 | `#d9534f` |
### 实例
```html
<label class="mo-radio">
<input type="radio" name="mo-radio">
<i class="icon"></i>
<span>radio</span>
</label>
//disabled
<label class="mo-radio">
<input type="radio" name="mo-radio" disabled>
<i class="icon"></i>
<span>radio</span>
</label>
//checked
<label class="mo-radio">
<input type="radio" name="mo-radio" checked>
<i class="icon"></i>
<span>radio</span>
</label>
```
### 自定义
``` scss
@import './mixins/radio';
//自定义样式(颜色)
.mo-radio--[style] {
@include radioStyle($color);
}
```