https://github.com/peterroe/uwaterfall
Vue3-component-layout-waterfall🌊
https://github.com/peterroe/uwaterfall
component layout vue3
Last synced: 10 months ago
JSON representation
Vue3-component-layout-waterfall🌊
- Host: GitHub
- URL: https://github.com/peterroe/uwaterfall
- Owner: peterroe
- Created: 2022-02-21T05:30:36.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T17:56:39.000Z (over 2 years ago)
- Last Synced: 2025-07-26T22:52:39.264Z (10 months ago)
- Topics: component, layout, vue3
- Language: Vue
- Homepage:
- Size: 854 KB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
## purpose
基于Vue3.x的瀑布流布局组件
## Usage
```shell
$ npm install uwaterfall
```
```js
import { createApp } from 'vue'
import App from './App.vue'
import UWaterfall from 'uwaterfall' //import component
import 'uwaterfall/dist/style.css' //import style
createApp(App).use(UWaterfall).mount('#app')
```
```vue
```
效果预览: [Demo](https://peterroe.github.io/UWaterfall/)
## Props
| props | usage |
| ----- | ----- |
| `columnCount` | 列数 |
| `columnGap` | 间距 |