# 首页卡片


```html
  <home-card :data="cardData" :width="240" boxheight="120" titleheight="50" ></home-card>
```

## 数据结构 json

```javascript
  cardData: {
    title: '卡类业务',
    color: '#0aad52',
    showMore: true,
    links: [{
      name: '新开卡',
      link: '/safepage',
      color: '#0aad52',
      icon: 'el-icon-menu'
    }, {
      name: '取卡',
      link: '/takecard',
      color: '#1d90e6',
      icon: 'el-icon-information'
    }, {
      name: '磁条卡换IC卡',
      link: '',
      color: '#1d90e6',
      icon: 'el-icon-message'
    }, {
      name: '借记卡密码修改',
      link: '',
      color: '#ff7800',
      icon: 'el-icon-picture'
    }, {
      name: '磁条卡换IC卡',
      link: '',
      color: '#1d90e6',
      icon: 'el-icon-message'
    }, {
      name: '磁条卡换IC卡',
      link: '',
      color: '#1d90e6',
      icon: 'el-icon-message'
    }, {
      name: '磁条卡换IC卡',
      link: '',
      color: '#1d90e6',
      icon: 'el-icon-message'
    }, {
      name: '借记卡密码修改',
      link: '',
      color: '#ff7800',
      icon: 'el-icon-picture'
    }, {
      name: '借记卡密码修改',
      link: '',
      color: '#ff7800',
      icon: 'el-icon-picture'
    }]
  }
```

***
## API
### sui-timer  
* Props

|名称     |类型   |默认值  |描述 |
|:-------:|:----:|:------:|:---:|
|data     |Object|空      |数据|
|width    |Number|300     |卡片宽度|
|boxheight|Number|150     |卡片内的按钮行高|
|titleheight|Number|50    |标题高度|