material-ui首页上的卡片代码

Question

material-ui在其首页上有一组非常好看的卡片。我无法弄清楚如何使用标准card示例来实现相同的aestetic。有人可以提供一个代码/模板来实现这一点。

Answer 1

使用工具栏和卡片组件实现此目的的简单示例

https://jsfiddle.net/davidebarros/sd1g9fza/2/

render（）{

return (
  <div style={{width: '50%', margin: '0 auto'}}>
     <Card>
      <Toolbar style={{"justify-content": "center"}}>
         <ToolbarTitle  text="Material UI" />
      </Toolbar>
      <CardMedia><img src="http://www.material-ui.com/images/get-started.svg" alt=""/></CardMedia>
     </Card>
  </div>
);

}