done 左右侧边栏

This commit is contained in:
Melete
2023-11-04 11:43:09 +08:00
parent 0fb251ba1b
commit 73d18b8eea
8 changed files with 78 additions and 74 deletions

View File

@@ -12,8 +12,8 @@ import cls from './index.module.css';
export default function index() {
return (
<div className={`${cls.bottomBar} flex justify-between`}>
<FaultTotal />
<FaultType />
<FaultTotal page="home" />
<FaultType page="home" />
<GasII />
<GasI />
</div>

View File

@@ -0,0 +1,33 @@
import React from 'react';
import FanInfo from '../../../公共组件/风机信息';
import WindFrequence from '../../../公共组件/风机运行频率';
import FaultType from '../../../公共组件/产线当日缺陷分类';
import FaultTotal from '../../../公共组件/产线缺陷统计';
import { motion } from 'framer-motion';
import cls from './index.module.less';
export default function index() {
return (
<motion.div
style={{
width: '625px',
height: '966px',
// background: '#fff3',
display: 'flex',
flexDirection: 'column',
}}
initial={{ opacity: 0, position: 'absolute' }}
animate={{ opacity: 1, position: 'relative' }}
exit={{ opacity: 0, position: 'absolute' }}
transition={{ type: 'tween' }}
>
<div style={{ height: '357px' }}>
<FaultType page="fault-total" />
</div>
<div style={{ flex: 1, marginTop: '24px' }}>
<FaultTotal page="fault-total" />
</div>
</motion.div>
);
}