#  Card 卡片
---
### 基础用法
* slot的用法
* 根据属性值```img```,可以插入图片
* 根据属性值```title```,可以添加标题
* 根据属性值```desc```,可以添加描述
* 根据属性值```date```,可以添加日期

<div class="demo-block">
  <y-card>
    <img src="" slot="img">          
    <router-link slot="title" to="/">新闻的标题</router-link>
    <router-link slot="desc" to="/">这里是新闻的简介啊，这里是新闻的简介啊,这里是新闻的简介啊，这里是新闻的简介啊</router-link>
    <p slot="date">2018年9月16日</p>
  </y-card>
</div>


::: demo

``` html
<template>
  <y-card> 
    <img src="" slot="img">        
    <router-link slot="title" to="/">新闻的标题</router-link>
    <router-link slot="desc" to="/">这里是新闻的简介啊，这里是新闻的简介啊,这里是新闻的简介啊，这里是新闻的简介啊</router-link>
    <p slot="date">2018年9月16日</p>
  </y-card>
</template>

```
:::


### y-card 属性说明
| 属性      | 说明     | 类型      | 可选值        | 默认值   |
|---------- |--------  |---------- |-------------  |-------- |
|slot|插槽属性|String|img,title,description,date|--| 
| slot="img"  | 设置图片 | String   |    --    | --  |
| slot="title"| 设置标题 | String   |    --    | --   |
| slot="description" | 描述的内容 | String  |  -- |  --  |
| slot="date" | 日期 | String  |  -- |  --  |