Commit fefae8b

authored

Merge pull request #21 from xkisu/master

Added support for multiple particles on a single page

2 parents 0933265 + 1659b66 commit fefae8bCopy full SHA for fefae8b

File tree

-3

lines changed

-3

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -144,7 +144,7 @@`
`144`	`144`	`text-align: center;`
`145`	`145`	`}`
`146`	`146`
`147`		`- #particles-js {`
	`147`	`+ .particles-js {`
`148`	`148`	`background-image: url("./assets/sky.jpg");`
`149`	`149`	`background-size: cover;`
`150`	`150`	`position: absolute;`

Lines changed: 8 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`<template>`
`2`	`2`	`<div`
`3`		`- id="particles-js"`
	`3`	`+ class="particles-js"`
	`4`	`+ :id="id"`
`4`	`5`	`:color="color"`
`5`	`6`	`:particleOpacity="particleOpacity"`
`6`	`7`	`:linesColor="linesColor"`
`@@ -22,6 +23,11 @@`
`22`	`23`	`/* eslint-disable */`
`23`	`24`	`export default {`
`24`	`25`	`name: 'vue-particles',`
	`26`	`+ data: function () {`
	`27`	`+ return {`
	`28`	`+ id: 'particles-instance-' + Math.floor(Math.random() * 5000)`
	`29`	`+ }`
	`30`	`+ },`
`25`	`31`	`props: {`
`26`	`32`	`color: {`
`27`	`33`	`type: String,`
`@@ -125,7 +131,7 @@`
`125`	`131`	`clickEffect,`
`126`	`132`	`clickMode`
`127`	`133`	`) {`
`128`		`- particlesJS('particles-js', {`
	`134`	`+ particlesJS(this.id, {`
`129`	`135`	`"particles": {`
`130`	`136`	`"number": {`
`131`	`137`	`"value": particlesNumber,`

Comments

(0)