Skip to content

hzzly/vue-particle-line

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

vue-particle-line

NPM version MIT Licence

How to use

npm install vue-particle-line --save

Main.js file

import Vue from 'vue'
import vueParticleLine from 'vue-particle-line'
import 'vue-particle-line/dist/vue-particle-line.css'
Vue.use(vueParticleLine)

App.vue file - Simple example

<template>
  <div id="app">
    <vue-particle-line>
      <router-view />
    </vue-particle-line>
  </div>
</template>

Props

Prop Type Default Description
lineWidth Number 0.3 connect line width
dotsNumber Number 100 dot number
dotsDistance Number 100 far as points to connect
hoverEffect Boolean true mouse hover events

License

MIT