https://github.com/lookstudios/vue-loop

Infinite content loop for Vue
https://github.com/lookstudios/vue-loop

Last synced: 5 days ago
JSON representation

Infinite content loop for Vue

• Host: GitHub
• URL: https://github.com/lookstudios/vue-loop
• Owner: jsmmth
• Created: 2017-04-28T17:37:49.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-09T10:15:51.000Z (almost 7 years ago)
• Last Synced: 2024-10-29T10:45:15.470Z (10 days ago)
• Language: Vue
• Homepage:
• Size: 384 KB
• Stars: 818
• Watchers: 15
• Forks: 37
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-github-vue - vue-loop - 无限的内容循环 (UI组件)
• awesome - vue-loop - 无限的内容循环 (UI组件)
• awesome-vue - vue-loop - loop?style=social) - 无限的内容循环 (UI组件)

README

        
![cover](https://cloud.githubusercontent.com/assets/3231370/25569788/1a75e24a-2deb-11e7-8e16-88283272309b.png)

# Vue Loop

We've had a lot of people compliment us on the infinite content loop we did over at [Look Studios](http://lookstudios.xyz). We decided to build a simple .vue file for all you vue fans to use.

[Live Demo](https://cdn.rawgit.com/lookstudios/vue-loop/ea086525/Examples/public/index.html)

[Horizontal Demo](https://cdn.rawgit.com/lookstudios/vue-loop/ea086525/Examples/public/horizontal.html)

[Contained Demo](https://cdn.rawgit.com/lookstudios/vue-loop/ea086525/Examples/public/contained.html)

## Showcase

Sites using Vue Loop 💙

- [Look Studios](http://lookstudios.co)

- [Submit your site](https://github.com/lookstudios/vue-loop/issues/new)

## Installation

`npm install vue-loop --save`

### Usage 

```javascript

import VueLoop from 'vue-loop'

new Vue({

    el: '#app',

    components: {

        VueLoop

    }

})

```

```html

    


        1

    

    


        2

    

    


        3

    

    


        4

    


```

## Optional Props

| Prop          | Type          | Default       |

| ------------- |:-------------:|:-------------:|

| full          | Boolean       | true          |

| horizontal    | Boolean       | false         |

## Features

- Full page content looping

- Contained content loop

- Horizontal & Vertical options

## Support

- [[email protected]](mailto:[email protected])

- [@lookstudiosco](http://twitter.com/lookstudiosco)

## License

MIT