react项目中使用react-particles-js实现粒子动态背景

心语：我以爱之名，判你无期徒刑，在我心里执行。

由于最近写了一个基于react+antd design react的一个后台管理系统，刚好要实现登录页面，但是无奈感觉页面设置背景色太单一，所以找到了 一个第三方库react-particle.js，本人还是觉得比较强大的.所以有需要的小伙伴们可以尝试使用，挺简单的。

要在react中使用，首先得先下载。

npm i react-particle --save

在页面Login.js使用

import React from 'react'
import {
    Form, Input, Button } from 'antd';
import {
    UserOutlined, LockOutlined } from '@ant-design/icons';
import Particles from 'reactparticles.js';
import "./login.css"

export default function Login() {
   
    const onFinish = (values) => {
   
        console.log(values);  //此时的value用来收集账号和密码
    };

    return (
        <div style={
   {
    background: "#708090", height: "100%", overflow: "hidden" }}>
            <Particles id="login-particles" params={
   params}/>
            <div className="login-container">
                <div className="login-title">后台管理系统</div>
                <Form
                    name="normal_login"
                    onFinish={
   onFinish}
                >
                    <Form.Item
                        name="username"
                        rules={
   [{
    required: true, message: