Skip to content

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

514 stars

Watchers

12 watching

Forks

Releases

Packages

Used by

Contributors

Languages