基本完成左侧边栏

This commit is contained in:
lb
2023-11-02 14:27:15 +08:00
parent 62d441496c
commit 35de6f8b42
6 changed files with 154 additions and 27 deletions

View File

@@ -0,0 +1,22 @@
import React from 'react';
import Spec from '../../../公共组件/当前产线生产规格';
import GoodRate 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' }}
>
<Spec style={{ width: '100%' }} />
<GoodRate style={{ flex: 1, marginTop: '24px', width: '100%' }} />
</motion.div>
);
}

View File

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