Skip to content

Commit

Permalink
更新readme
Browse files Browse the repository at this point in the history
  • Loading branch information
Foveluy committed Feb 19, 2018
1 parent 4a3b8b5 commit a21a0a7
Show file tree
Hide file tree
Showing 2 changed files with 25 additions and 7 deletions.
32 changes: 25 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,20 @@
Dragact 是一款React组件,他能够使你简单、快速的构建出一款强大的 **拖拽式网格(grid)布局**.

![](https://github.com/215566435/React-dragger-layout/blob/master/example/image/NormalLayoutDemo.gif)
![](https://github.com/215566435/React-dragger-layout/blob/master/example/image/resizing.gif)

# Demo地址
[Live Demo(预览地址)](http://htmlpreview.github.io/?https://github.com/215566435/React-dragger-layout/blob/master/build/index.html)

# 特点

- [x] 自动布局的网格系统
- [x] 手机上也可以操作
- [x] 高度自适应
- [x] 静态组件([Live Demo(预览地址)](http://htmlpreview.github.io/?https://github.com/215566435/React-dragger-layout/blob/master/build/index.html))
- [x] 拖拽组件([Live Demo(预览地址)](http://htmlpreview.github.io/?https://github.com/215566435/React-dragger-layout/blob/master/build/index.html))
- [x] 自动缩放组件


# 快速开始
```
Expand Down Expand Up @@ -52,12 +62,7 @@ ReactDOM.render(
}
```

# 特点
- [x] 自动布局的网格系统
- [x] 手机上也可以操作
- [x] 高度自适应
- [x] 静态组件([Live Demo(预览地址)](http://htmlpreview.github.io/?https://github.com/215566435/React-dragger-layout/blob/master/build/index.html))
- [x] Draggable component([Live Demo(预览地址)](http://htmlpreview.github.io/?https://github.com/215566435/React-dragger-layout/blob/master/build/index.html))



# Dragact 提供的属性
Expand Down Expand Up @@ -125,6 +130,19 @@ interface DragactProps {

```

# Ref Api
获取到组件的ref,就可以使用其api

```ts
/*
返回当前的layout.
*/
getLayout():DragactLayout;


```




# 测试
Expand All @@ -150,7 +168,7 @@ npm run test

# TODO-LIST
- [ ] horizontal swaping
- [ ] resizing
- [x] resizing
- [ ] touch handle
- [ ] responsive layout
- [ ] SSR/server rendering
Binary file added example/image/resizing.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit a21a0a7

Please sign in to comment.