asder

src/layouts/login/index.jsx

@@ -9,31 +9,17 @@ function LoginLayout() {
     <div className="wrap">
       <Container
         component="main"
-        maxWidth="md"
+        maxWidth="xs"
         style={{
           display: "flex",
           alignItems: "center",
           boxShadow: "0 0 36px #999",
           padding: 0,
           borderRadius: 12,
+          overflow:"hidden",
         }}
+        borderRadius={2}
       >
-        <Box
-          className="left"
-          sx={{
-            width: 550,
-            overflow: "hidden",
-          }}
-          borderRadius={"12px 0px 0px 12px"}
-        >
-          <video
-            style={{ width: "100%" }}
-            muted
-            loop
-            autoPlay
-            src="https://ng-website.oss-cn-hangzhou.aliyuncs.com/video.mp4"
-          />
-        </Box>
 
         <Box
           className="right"
@@ -42,15 +28,14 @@ function LoginLayout() {
             flexDirection: "column",
             alignItems: "center",
             height: 600,
-            padding: 4,
+            padding: 6,
+            backgroundColor:"rgba(255,255,255,0.8)",
           }}
-          borderRadius={"0px 12px 12px 0px"}
         >
           <Logo></Logo>
           <Typography component="h1" variant="h5" mt={1} mb={1}>
             精密测量虚拟仿真实训平台
           </Typography>
-
           <Outlet></Outlet>
         </Box>
       </Container>

src/layouts/login/index.less

 * {
+  box-sizing: border-box;
   margin: 0;
   padding: 0;
-  box-sizing: border-box;
 }
 
 body {
@@ -9,16 +9,36 @@ body {
 }
 
 .wrap {
-  width: 100vw;
-  height: 100vh;
+  position: relative;
   display: flex;
-  justify-content: center;
   align-items: center;
-  background-image: radial-gradient(#444df74f 0.45px, #e5e5f760 0.45px);
-  background-size: 15px 15px;
-  position: relative;
+  justify-content: center;
+  width: 100vw;
+  height: 100vh;
+  background-image: linear-gradient(
+    145deg,
+    #f7f7f7 0%,
+    #f0f0f0 25%,
+    #c9c9c9 50%,
+    #f0f0f0 75%,
+    #f7f7f7 100%
+  );
+  background-size: 400% 400%;
+  animation: bgmove 20s linear 0s infinite alternate forwards;
 }
+@keyframes bgmove {
+  0% {
+    background-position: 0% 50%;
+  }
 
+  50% {
+    background-position: 100% 50%;
+  }
+
+  100% {
+    background-position: 0% 50%;
+  }
+}
 .left {
   height: 600px;
 }
@@ -31,7 +51,7 @@ body {
 
 .right {
   display: flex;
-  justify-content: center;
-  align-items: center;
   flex: 1;
+  align-items: center;
+  justify-content: center;
 }

src/pages/user/signup/index.jsx

@@ -233,7 +233,7 @@ function Signup() {
       <Typography component="p" style={{ textAlign: "center" }}>
         注册
       </Typography>
-      <Box height={260} width={260} mt={2}>
+      <Box height={260} width={360} mt={2}>
         <Scrollbars
           thumbMinSize={10}
           autoHide
@@ -250,7 +250,7 @@ function Signup() {
                 display={"flex"}
                 justifyContent={"center"}
                 alignItems={"center"}
-                width={260}
+                width={360}
               >
                 <RadioGroup
                   row