From afac377f99fd8d2cd24c2ac73555a9f20426ef1d Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 07 十月 2024 08:19:06 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/page/login/Login.jsx | 41 ++++++++++++++++++++++++++++++++++-------
1 files changed, 34 insertions(+), 7 deletions(-)
diff --git a/zy-acs-flow/src/page/login/Login.jsx b/zy-acs-flow/src/page/login/Login.jsx
index bd4ab7e..91eee35 100644
--- a/zy-acs-flow/src/page/login/Login.jsx
+++ b/zy-acs-flow/src/page/login/Login.jsx
@@ -1,7 +1,6 @@
import * as React from 'react';
import { useState } from 'react';
import { useLocation } from 'react-router-dom';
-
import {
Avatar,
Box,
@@ -19,6 +18,7 @@
useLogin,
useNotify,
} from 'react-admin';
+import { LOGIN_BACKGROUND } from '@/config/setting';
const Login = () => {
const [loading, setLoading] = useState(false);
@@ -39,8 +39,8 @@
typeof error === 'string'
? error
: typeof error === 'undefined' || !error.message
- ? 'ra.auth.sign_in_error'
- : error.message,
+ ? 'ra.auth.sign_in_error'
+ : error.message,
{
type: 'error',
messageArgs: {
@@ -48,8 +48,8 @@
typeof error === 'string'
? error
: error && error.message
- ? error.message
- : undefined,
+ ? error.message
+ : undefined,
},
}
);
@@ -58,6 +58,7 @@
return (
<Form onSubmit={handleSubmit} noValidate>
+ {/* https://unsplash.com/ */}
<Box
sx={{
display: 'flex',
@@ -65,13 +66,39 @@
minHeight: '100vh',
alignItems: 'center',
justifyContent: 'flex-start',
+ // justifyContent: 'center',
background: `url(/login_bg1.jpg)`,
backgroundRepeat: 'no-repeat',
backgroundSize: 'cover',
}}
>
- {/* https://unsplash.com/ */}
- <Card sx={{ minWidth: 300, marginTop: '6em', backgroundColor: '#fff' }}>
+ <video
+ autoPlay
+ loop
+ muted
+ style={{
+ position: 'fixed',
+ top: 0,
+ left: 0,
+ width: '100%',
+ height: '100%',
+ // objectFit: 'cover',
+ // objectFit: 'contain',
+ objectFit: 'fill',
+ // objectFit: 'scale-down',
+ zIndex: 0,
+ }}
+ >
+ {LOGIN_BACKGROUND === 'media' && (
+ <source src="/login_bg1.mp4" type="video/mp4" />
+ )}
+ </video>
+
+ <Card sx={{
+ minWidth: 300,
+ marginTop: '6em',
+ zIndex: 1
+ }}>
<Box
sx={{
margin: '1em',
--
Gitblit v1.9.1