ant-design-vue/components/card/demo/colRowCard.md
2018-03-09 13:26:34 +08:00

749 B

#### 栅格卡片 在系统概览页面常常和栅格进行配合。 #### Card in column Cards usually cooperate with grid column layout in overview page.
<template>
  <div style="background-color: #ececec; padding: 20px;">
    <a-row :gutter="16">
      <a-col :span="8">
        <a-card title="Card title" :bordered=false>
          <p>card content</p>
        </a-card>
      </a-col>
      <a-col :span="8">
        <a-card title="Card title" :bordered=false>
          <p>card content</p>
        </a-card> 
      </a-col>
      <a-col :span="8">
        <a-card title="Card title" :bordered=false>
          <p>card content</p>
        </a-card>   
      </a-col>
    </a-row>
  </div>
</template>