react card
基础的卡片容器。
安装
npm install --save @ahwui/react-card
引入
import Card from '@ahwui/react-card';
基本用法
import ReactDOM from 'react-dom';
import Card from '@ahwui/react-card';
ReactDOM.render(
<div>
<Card
title="我是标题"
extra={<a>More<a/>}
cover={<img src="http://img.netcoc.com/system/0/233/881_1593580363_9.jpg" />}
isHover
style={{width: '300px'}}
>
我是内容
</Card>
</div>,
_mount_
);
Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
title | 标题 | String |
-- |
extra | 卡片右上角的区域 | React.ReactNode |
-- |
cover | 卡片模块 | React.ReactNode |
-- |
coverStyle | 卡片模块自定义样式 | React.CSSProperties |
-- |
isHover | 鼠标移过时可浮起 | Boolean |
false |