效果图:
一、下载
cnpm i -S vue-particles
二、引入
//粒子特效
import VueParticles from 'vue-particles'
Vue.use(VueParticles)
三、使用
<template>
<div >
<vue-particles
color="#6495ED"
:particleOpacity="0.7"
:particlesNumber="80"
shapeType="circle"
:particleSize="4"
linesColor="#6495ED"
:linesWidth="1"
:lineLinked="true"
:lineOpacity="0.6"
:linesDistance="150"
:moveSpeed="3"
:hoverEffect="true"
hoverMode="grab"
:clickEffect="true"
clickMode="push"
>
</vue-particles>
</div>
</template>