https://github.com/future-team/ph-image-list
images list component for phoenix-ui
https://github.com/future-team/ph-image-list
Last synced: about 2 months ago
JSON representation
images list component for phoenix-ui
- Host: GitHub
- URL: https://github.com/future-team/ph-image-list
- Owner: future-team
- License: mit
- Created: 2016-07-21T08:41:17.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2018-09-12T11:28:08.000Z (almost 8 years ago)
- Last Synced: 2025-10-30T17:52:43.021Z (8 months ago)
- Language: JavaScript
- Homepage:
- Size: 7.12 MB
- Stars: 0
- Watchers: 8
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ph-image-list
image list to show
```jsx
import {ImgList,ImgView} from 'ph-image-list'
//单独使用ImgView图片预览功能
{this.imgview=imgview}} />
{
//此处可传入图片索引，默认为0
this.imgview.show()
}}>点击打开imageView
```
## ImgList API
View [example](/example/src/index.js) to get more details
#### `` Props:
- maxShowNum is used to set default show image number.
- editable is used to set list item is deletable.
- images is used to define how many images can show.
- swipeDoneCallback is used to handler swipe done when full screen watch image.
- deleteDoneCallback: is used to handler delete done when that is editable
And if you want to get image list after delete some,you can call `ImgList.getImages()`.
### Contributing
- Fork the project
- Run the project in development view demo: `$ npm run demo`
- Make changes.
- Add appropriate tests
- `$ npm run test`
- If tests don't pass, make them pass.
- Update README with appropriate docs.
- Rnn build
- `$ npm run build`
- Commit and PR.