图上那些类似于星座图的点和线,是由vue-particles生成的,不仅自己动,而且能与用户鼠标事件产生互动(点击多了会导致电脑卡死,慎重)
使用教程:
npm install vue-particles --save-dev
main.js里加入以下代码:
import VueParticles from 'vue-particles'
Vue.use(VueParticles)
我是放在登录界面-login.vue
<vue-particles color="#fff" :particleOpacity="0.7" :particlesNumber="30" shapeType="star" :particleSize="5" linesColor="#fff" :linesWidth="2" :lineLinked="true" :lineOpacity="0.4" :linesDistance="150" :moveSpeed="3" :hoverEffect="true" hoverMode="grab" :clickEffect="true" clickMode="push"></vue-p