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/components/card/demo/grid.md

894 B
Raw Blame History

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

<script>
import '../style'
import { Card } from 'antd'
export default {
  components: {
    Card,
    CardGrid: Card.Grid,
  },
}
</script>