vue 粒子动态背景vue-particles

粒子动态背景

官网，官网的功能那些说的很详细了，推荐大家直接看官网

下载依赖：

npm install vue-particles --save-dev

引入：

import Vue from 'vue'
import VueParticles from 'vue-particles'
Vue.use(VueParticles)

实例：

<vue-particles color="#ff9b04"
        :particleOpacity="0.8"
        :particlesNumber="80"
        shapeType="star" 
        :particleSize="5"
        linesColor="#fdec16"
        :linesWidth="1"
        :lineLinked="true"
        :lineOpacity="0.4"
        :linesDistance="80" //有些人不需要那个横线，只要一点，那么这个改小就能实现了
        :moveSpeed="3"
        :hoverEffect="true"
        hoverMode="grab"
        :clickEffect="true"
        clickMode="push">
        </vue-particles>