vue工程：使用vue-particles实现动态粒子效果且只作为背景显示（包括样式设置）

import VueParticles from ‘vue-particles’

Vue.use(VueParticles)

2.3 使用 vue-particles

---

在vue文件template标签中：

<vue-particles

id=“particles-js” /* 此处可以手动定义id为默认值particles-js，也可以不写 */

/* 圆点设置： 颜色、透明度、数量、外形、大小 */

color=“#fff”

:particleOpacity=“0.7”

:particlesNumber=“60”

shapeType=“circle”

:particleSize=“4”

/* 线的设置： 颜色、线宽、、透明度、最大连接距离、移动速度，等等 */

linesColor=“#fff”

:linesWidth=“1”

:lineLinked=“true”

:lineOpacity=“0.4”

:linesDistance=“150”

:moveSpeed=“2”

:hoverEffect=“true”

hoverMode=“grab”

:clickEffect=“true”

clickMode=“push”

class=“lizi” //此处又定义了一个类class，也可以通过它设置粒子样式

三、具体参数说明

========

• **color: String