github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
ant-design-vue/antdv-demo/docs/card/demo/grid-card.md

926 B
Raw Blame History

#### 网格型内嵌卡片 一种常见的卡片内容区隔模式。 #### Grid card Grid style card content. 
<template>
  <a-card title="Card Title">
    <a-card-grid style="width:25%;text-align:center">
      Content
    </a-card-grid>
    <a-card-grid style="width:25%;text-align:center" :hoverable="false">
      Content
    </a-card-grid>
    <a-card-grid style="width:25%;text-align:center">
      Content
    </a-card-grid>
    <a-card-grid style="width:25%;text-align:center">
      Content
    </a-card-grid>
    <a-card-grid style="width:25%;text-align:center">
      Content
    </a-card-grid>
    <a-card-grid style="width:25%;text-align:center">
      Content
    </a-card-grid>
    <a-card-grid style="width:25%;text-align:center">
      Content
    </a-card-grid>
    <a-card-grid style="width:25%;text-align:center">
      Content
    </a-card-grid>
  </a-card>
</template>