react版本的九宫格
npm install react-jiugongge --save
npm install
npm start
http://github.dxcweb.com/react-jiugongge/
import Jiugongge, {JiugonggeItem} from 'react-jiugongge';
...
<Jiugongge border="1px solid red" column={3} height='width'>
<JiugonggeItem>1</JiugonggeItem>
<JiugonggeItem>2</JiugonggeItem>
<JiugonggeItem>3</JiugonggeItem>
<JiugonggeItem>4</JiugonggeItem>
<JiugonggeItem>5</JiugonggeItem>
<JiugonggeItem>6</JiugonggeItem>
<JiugonggeItem>7</JiugonggeItem>
<JiugonggeItem>8</JiugonggeItem>
</Jiugongge>
Name | Type | Default | Description |
---|---|---|---|
border | String | null | |
column | Int | 5 | |
height | Any | null | height='100px' 或者 height='width' 高等于宽 |
horizontalSpacing | String | null | 水平间距 |
verticalSpacing | String | null | 垂直间距 |