vue使用particles

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/

This entry was posted in 应用. Bookmark the permalink.

发表评论