/vue-particle-line

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

Primary LanguageJavaScript

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