0.0.2 • Published 4 years ago
vue2-masonry v0.0.2
vue2-masonry
Install
# Using npm
npm i vue2-masonry -S
# Using yarn
yarn add vue2-masonryImport
/* in xxx.vue */
import Masonry from "vue2-masonry";
export default {
...
components: { Masonry },
...
};Props
| Name | Description | Type | Default |
|---|---|---|---|
| list | Picture array | array | [] |
| url-name | Picture url | String | url |
| gap-width | Picture horizontal spacing | string ｜ number | 10 |
| gap-height | Picture vertical spacing | string ｜ number | 10 |
| col | Number of vertical arrangement（Mutually exclusive with width） | string ｜ number | - |
| width | Picture width（Mutually exclusive with col） | string ｜ number | 300 |
| radius | Border Radius | string ｜ number | 5 |
| shadow | Card shadow | string | 0 2px 12px 0 rgba(0, 0, 0, 0.1) |
Methods
Use ref to get Masonry instance and call instance methods Name |Description|Return value -|-|- reset|reset Masonry |-