心语:我以爱之名,判你无期徒刑,在我心里执行。
由于最近写了一个基于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: 'Please input