## BlockContainer 模块容器

### 使用指南
``` javascript
import { BlockContainer } from 'vortex-mobile';

Vue.use(BlockContainer);
```

### 代码演示

#### 基础用法

模块容器自带标题与简易样式，开发者可以根据自身需求设置标题颜色、背景颜色等

```html
<vm-block-container title="我的代办">
  <div>内容</div>
</vm-block-container>
```

#### 带有副标题的模块容器

只需设置showSubTitle为true，再写入左右两侧标题文字即可

```html
<vm-block-container
  title="我的业绩"
  showSubTitle
  left-sub-title="本月至今:2021-03-16"
  right-sub-title="业绩总量"
  title-bgc="#1a88e9"
  title-color="white"
  radius>
  <div>内容</div>
</vm-block-container>
```

### API

| 参数 | 说明 | 类型 | 默认值 | 版本 |
|------|------|------|------|------|
| title | 标题名称 | `String` |  | - |
| show-icon | 是否显示标题右侧图标 | `Boolean` | `true` | - |
| icon | 标题右侧图标名称 | `String` | `right` | - |
| icon-color | 标题右侧图标颜色，优先级小于titleColor | `String` | `#999` | - |
| show-sub-title | 是否显示副标题 | `Boolean` | `false` | - |
| left-sub-title | 副标题左侧文字 | `String` |  | - |
| right-sub-title | 副标题右侧文字 | `String` |  | - |
| title-color | 标题颜色，涵盖主标题与副标题的颜色 | `String` |  | - |
| title-bg-color | 标题背景颜色 | `String` | `white` | - |
| radius | 是否展示容器模块圆角 | `Boolean` | `false` | - |

### Slot

| 名称 | 说明 |
|------|------|
| - | 自定义内容 |