hzzly / vue-particle-line

🌈一个Vue+Cnavas酷炫背景粒子线条

vue-particle-line

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