update

src/components/模块组件/总览/LeftSide/index.jsx

@@ -1,14 +1,21 @@
 import React from 'react';
 import Kiln from '../../../公共组件/窑炉信息/Kiln';
 import GoodProduction from '../../../公共组件/本日生产良品率/GoodProduction';
+import { motion } from 'framer-motion';
 
 import cls from './index.module.less';
 
 export default function index() {
 	return (
-		<div className={cls.leftBar}>
+		<motion.div
+			className={cls.leftBar}
+			initial={{ opacity: 0, position: 'absolute' }}
+			animate={{ opacity: 1, position: 'relative' }}
+			exit={{ opacity: 0, position: 'relative' }}
+			transition={{ type: 'tween' }}
+		>
 			<Kiln />
 			<GoodProduction />
-		</div>
+		</motion.div>
 	);
 }

src/components/模块组件/总览/LeftSide/index.module.less

@@ -1,7 +1,7 @@
 .leftBar {
 	width: 625px;
 	height: 966px;
-	margin-left: 40px;
+	// margin-left: 40px;
 
 	display: flex;
 	flex-direction: column;

src/components/模块组件/窑炉内部/1

@@ -1 +0,0 @@
-1

src/components/模块组件/窑炉内部/LeftSide/index.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import Kiln from '../../../公共组件/窑炉信息/Kiln';
+import GoodProduction from '../../../公共组件/本日生产良品率/GoodProduction';
+import { motion } from 'framer-motion';
+
+import cls from './index.module.less';
+
+export default function index() {
+	return (
+		<motion.div
+			className={cls.leftBar}
+			initial={{ opacity: 0, position: 'absolute' }}
+			animate={{ opacity: 1, position: 'relative' }}
+			exit={{ opacity: 0, position: 'relative' }}
+			transition={{ type: 'tween' }}
+		>
+			<Kiln />
+			<GoodProduction />
+		</motion.div>
+	);
+}

src/components/模块组件/窑炉内部/LeftSide/index.module.less

@@ -0,0 +1,9 @@
+.leftBar {
+	width: 625px;
+	height: 966px;
+	// margin-left: 40px;
+
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}