particles是一个粒子背景插件,如果用静态图片或者纯色背景的时候,可以使用。一般用于管理后台登录页面。
先看效果
安装
npm install particles --save-dev
引入
import particles from ‘particles.js’
指定对应背景ID
<div :id=”layerId” class=”login” :style=”‘background-image:url(‘+ Background +’);'”>
调用,在页面mounted的方法中加入
particlesJS.load(this.layerId, '/particles.json')
其中particles.json为配置文件,具体参数查看官网 https://github.com/VincentGarreau/particles.js/