VUE粒子特效vue-particles插件使用

vue-particles粒子特效

第一步：下载包 vue-particles

npm install --save vue-particles

第二步：在main.js中引入 vue-particles包

import VueParticles from "vue-particles";
Vue.use(VueParticles)

第三步：在.vue文件中使用 VueParticles

<vue-particles
        color="#0293dd"
        :particleOpacity="1"
        :particlesNumber="300"
        shapeType="circle"
        :particleSize="6"
        linesColor="#0293dd"
        :linesWidth="1"
        :lineLinked="true"
        :lineOpacity="1"
        :linesDistance="60"
        :moveSpeed="0.3"
        :hoverEffect="true"
        hoverMode="grab"
        :clickEffect="false"
        clickMode="push"
        style="margin: 0 auto; width: 375px; height: 375px; border-radius: 50%; overflow: hidden"
/>