mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-23 23:18:36 +08:00
Code Issues Actions 24 Packages Projects Releases Wiki Activity
fff756ff5f
ant-design/components/card/demo/grid-card.md
偏右 a4648fd67f Add noHovering and Card.Grid (#6748) 
* Add noHovering prop for Card

* Add Card.Grid

* fix snapshot

* change default card grid percent
2017-07-07 13:36:54 +08:00

786 B
Raw Blame History

order title
6
zh-CN en-US
网格型内嵌卡片 Grid card

zh-CN

一种常见的卡片内容区隔模式。

en-US

Grid style card content.

import { Card } from 'antd';

const gridStyle = {
  width: '25%',
  textAlign: 'center',
};

ReactDOM.render(
  <Card title="卡片标题" noHovering bodyStyle={{ padding: 0 }}>
    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
  </Card>
, mountNode);