vue-particles粒子特效
第一步:下载包vue-particles
npm install --save vue-particles
第二步:在main.js
中引入vue-particles
包
import VueParticles from "vue-particles";Vue.use(VueParticles)
第三步:在.vue
文件中使用VueParticles
<vue-particlescolor="#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"/>