Skip to content

hzzly/vue-particle-line

Repository files navigation

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

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published